From 723cd8069bc9757e99e9adc06b54526d23441216 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ullrich=20Sch=C3=A4fer?= <hi+github@ullrich.is>
Date: Wed, 15 Jul 2026 23:57:44 +0200
Subject: [PATCH] fix(planner): make the /dev/ui gallery scrollable

The app body is h-screen overflow-hidden (for the full-screen map
editor), which clipped the taller gallery so it couldn't scroll. Give
the gallery route its own full-height scroll container.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/planner/app/routes/dev.ui.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/planner/app/routes/dev.ui.tsx b/apps/planner/app/routes/dev.ui.tsx
index e662bf3..22dc4ed 100644
--- a/apps/planner/app/routes/dev.ui.tsx
+++ b/apps/planner/app/routes/dev.ui.tsx
@@ -84,7 +84,8 @@ export default function DevUi() {
     useState<(typeof COLOR_MODES)[number]["value"]>("elevation");
 
   return (
-    <main className="mx-auto max-w-3xl space-y-10 p-10">
+    <main className="h-dvh overflow-y-auto">
+      <div className="mx-auto max-w-3xl space-y-10 p-10">
       <header className="space-y-1">
         <h1 className="text-2xl font-semibold text-text-hi">UI primitives</h1>
         <p className="text-sm text-text-md">
@@ -217,6 +218,7 @@ export default function DevUi() {
           <p className="mt-1 text-sm text-text-md">Elevated with a soft shadow.</p>
         </Card>
       </Section>
+      </div>
     </main>
   );
 }