From 750e73f5403aeea2a5161065985bcd459a283d11 Mon Sep 17 00:00:00 2001 From: VooDisss Date: Wed, 1 Apr 2026 17:17:42 +0300 Subject: [PATCH] refactor(ui): let settings modal use full viewport frame Make the settings dialog fill the height inside a frame that explicitly reserves about five percent of the screen above and below. This removes the old fixed height cap and reduces unnecessary inner scrolling on taller displays. --- packages/ui/src/styles/components/settings-screen.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/styles/components/settings-screen.css b/packages/ui/src/styles/components/settings-screen.css index 31805bb9..d4dbb366 100644 --- a/packages/ui/src/styles/components/settings-screen.css +++ b/packages/ui/src/styles/components/settings-screen.css @@ -1,11 +1,12 @@ .settings-screen-frame { - @apply fixed inset-0 z-50 flex items-center justify-center p-4; + @apply fixed inset-0 z-50 flex items-center justify-center px-4; + padding-block: 5dvh; } /* Override .modal-surface (defined later in panels.css). */ .modal-surface.settings-screen-shell { width: min(1120px, 100%); - height: min(88vh, 920px); + height: 100%; max-height: none; display: grid; grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);