From 7bb9a0bdd3090e0974226bdad8ab236ee03300b8 Mon Sep 17 00:00:00 2001 From: Matt Batchelder Date: Sat, 21 Feb 2026 17:33:04 -0500 Subject: [PATCH] bigger --- theme/assets/css/main.css | 46 +++++++++++++++++++-------------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css index cb69a69..bf35c9d 100644 --- a/theme/assets/css/main.css +++ b/theme/assets/css/main.css @@ -5105,13 +5105,13 @@ p:last-child { margin-bottom: 0; } .bd-stage { position: relative; width: 100%; - max-width: 420px; + max-width: 500px; aspect-ratio: 4/3; margin: 0 auto; display: flex; align-items: center; justify-content: center; - gap: 18px; + gap: 22px; } /* ── Shared device styles ─────────────────────────────────── */ @@ -5151,8 +5151,8 @@ p:last-child { margin-bottom: 0; } /* ── Tablet (portrait kiosk) ──────────────────────────────── */ .bd-device--tablet .bd-device__body { - width: 80px; - height: 120px; + width: 96px; + height: 144px; border-radius: 8px; } .bd-device--tablet .bd-device__screen { border-radius: 4px; } @@ -5160,12 +5160,12 @@ p:last-child { margin-bottom: 0; } /* ── Wall display (wide landscape) ────────────────────────── */ .bd-device--wall .bd-device__body { - width: 180px; - height: 108px; + width: 216px; + height: 130px; } .bd-mount { - width: 6px; - height: 18px; + width: 7px; + height: 22px; background: #222; margin-top: -1px; border-radius: 0 0 2px 2px; @@ -5174,16 +5174,16 @@ p:last-child { margin-bottom: 0; } /* ── Interactive tablet on table ───────────────────────────── */ .bd-device--interactive .bd-device__body { - width: 110px; - height: 74px; + width: 132px; + height: 89px; border-radius: 6px; transform: perspective(400px) rotateX(25deg); transform-origin: bottom center; } .bd-device--interactive .bd-device__screen { border-radius: 3px; } .bd-table { - width: 130px; - height: 8px; + width: 156px; + height: 10px; background: linear-gradient(180deg, #2a2a2a, #1a1a1a); border-radius: 3px; margin-top: -2px; @@ -5462,19 +5462,19 @@ p:last-child { margin-bottom: 0; } /* ── Responsive ─────────────────────────────────────────────── */ @media (max-width: 900px) { - .bd-stage { max-width: 360px; gap: 12px; } - .bd-device--tablet .bd-device__body { width: 64px; height: 96px; } - .bd-device--wall .bd-device__body { width: 148px; height: 88px; } - .bd-device--interactive .bd-device__body { width: 88px; height: 58px; } - .bd-table { width: 104px; } + .bd-stage { max-width: 430px; gap: 14px; } + .bd-device--tablet .bd-device__body { width: 76px; height: 114px; } + .bd-device--wall .bd-device__body { width: 170px; height: 102px; } + .bd-device--interactive .bd-device__body { width: 101px; height: 67px; } + .bd-table { width: 120px; } } @media (max-width: 640px) { - .bd-stage { max-width: 300px; gap: 8px; } - .bd-device--tablet .bd-device__body { width: 52px; height: 78px; } - .bd-device--wall .bd-device__body { width: 120px; height: 72px; } - .bd-device--interactive .bd-device__body { width: 72px; height: 48px; } - .bd-device__label { font-size: 8px; } - .bd-table { width: 86px; height: 6px; } + .bd-stage { max-width: 340px; gap: 10px; } + .bd-device--tablet .bd-device__body { width: 60px; height: 90px; } + .bd-device--wall .bd-device__body { width: 138px; height: 83px; } + .bd-device--interactive .bd-device__body { width: 83px; height: 55px; } + .bd-device__label { font-size: 9px; } + .bd-table { width: 98px; height: 7px; } } /* ── Reduced-motion overrides ───────────────────────────────── */