syntaxbullet/personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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.

Browse Source
This commit is contained in:
syntaxbullet
2026-02-10 20:22:08 +01:00
parent 5cd52f2785
commit 2cdc9bd0b6
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ControlPanel.astro
View File

@@ -546,12 +546,12 @@ import { ChevronDown } from "@lucide/astro";
.control-panel-inner { .control-panel-inner {
padding: 1.5rem; padding: 1.5rem;
overflow: hidden; overflow-y: auto;
transition: transition:
max-height 0.4s ease, max-height 0.4s ease,
opacity 0.4s ease, opacity 0.4s ease,
padding 0.4s ease; padding 0.4s ease;
max-height: 2000px; max-height: 70dvh;
opacity: 1; opacity: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -563,6 +563,7 @@ import { ChevronDown } from "@lucide/astro";
opacity: 0; opacity: 0;
padding: 0 1.5rem; padding: 0 1.5rem;
pointer-events: none; pointer-events: none;
overflow-y: hidden;
} }
.control-panel-content { .control-panel-content {