From 2cdc9bd0b6ee7bc7556551da09c254a1e94be04e Mon Sep 17 00:00:00 2001 From: syntaxbullet Date: Tue, 10 Feb 2026 20:22:08 +0100 Subject: [PATCH] feat: Update ControlPanel inner content to use `overflow-y: auto` and `max-height: 70dvh` for improved scrolling and responsive sizing, and hide overflow when collapsed. --- src/components/ControlPanel.astro | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/ControlPanel.astro b/src/components/ControlPanel.astro index d71ff3b..6a8424d 100644 --- a/src/components/ControlPanel.astro +++ b/src/components/ControlPanel.astro @@ -546,12 +546,12 @@ import { ChevronDown } from "@lucide/astro"; .control-panel-inner { padding: 1.5rem; - overflow: hidden; + overflow-y: auto; transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease; - max-height: 2000px; + max-height: 70dvh; opacity: 1; display: flex; flex-direction: column; @@ -563,6 +563,7 @@ import { ChevronDown } from "@lucide/astro"; opacity: 0; padding: 0 1.5rem; pointer-events: none; + overflow-y: hidden; } .control-panel-content {