salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): let settings modal use full viewport frame

Browse Source 
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.
This commit is contained in:
VooDisss
2026-04-01 17:17:42 +03:00
parent 61e06ef883
commit 750e73f540
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ui/src/styles/components/settings-screen.css
View File

@@ -1,11 +1,12 @@
.settings-screen-frame { .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). */ /* Override .modal-surface (defined later in panels.css). */
.modal-surface.settings-screen-shell { .modal-surface.settings-screen-shell {
width: min(1120px, 100%); width: min(1120px, 100%);
height: min(88vh, 920px); height: 100%;
max-height: none; max-height: none;
display: grid; display: grid;
grid-template-columns: minmax(220px, 260px) minmax(0, 1fr); grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);