master @ 16 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import Pre from "../Pre/Pre.astro"; │
│ import { FRAME_W, MOBILE_FRAME_W } from "../../lib/config"; │
│ import { buildPanelTop, buildPanelBottom, type Props } from "./Panel"; │
│ import "./Panel.scss"; │
│ │
│ const { title } = Astro.props as Props; │
│ --- │
│ <section class="panel"> │
│ <Pre class="frame-wide">{buildPanelTop(FRAME_W, title)}</Pre> │
│ <Pre class="frame-narrow">{buildPanelTop(MOBILE_FRAME_W, title)}</Pre> │
│ <div class="panel-body"><slot /></div> │
│ <Pre class="frame-wide">{buildPanelBottom(FRAME_W)}</Pre> │
│ <Pre class="frame-narrow">{buildPanelBottom(MOBILE_FRAME_W)}</Pre> │
│ </section> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import Pre from "../Pre/Pre.astro"; │
│ import { FRAME_W, MOBILE_FRAME_W } from "../ │
│ ../lib/config"; │
│ import { buildPanelTop, buildPanelBottom, ty │
│ pe Props } from "./Panel"; │
│ import "./Panel.scss"; │
│ │
│ const { title } = Astro.props as Props; │
│ --- │
│ <section class="panel"> │
│ <Pre class="frame-wide">{buildPanelTop(FRA │
│ ME_W, title)}</Pre> │
│ <Pre class="frame-narrow">{buildPanelTop(M │
│ OBILE_FRAME_W, title)}</Pre> │
│ <div class="panel-body"><slot /></div> │
│ <Pre class="frame-wide">{buildPanelBottom( │
│ FRAME_W)}</Pre> │
│ <Pre class="frame-narrow">{buildPanelBotto │
│ m(MOBILE_FRAME_W)}</Pre> │
│ </section> │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET