Skip to content

Commit 59ffde4

Browse files
committed
CR 2 - Make settings dialog responsive
Update settings dialog sizing in src/MaIN.InferPage/wwwroot/settings.css to use viewport-based width and constraints: set width to 40vw with a min-width of 480px and max-width 90vw, and increase max-height from 85vh to 95vh. This improves layout and usability across different screen sizes.
1 parent e3c9b04 commit 59ffde4

1 file changed

Lines changed: 3 additions & 2 deletions

File tree

src/MaIN.InferPage/wwwroot/settings.css

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,10 @@
1616
background: var(--neutral-layer-1);
1717
border-radius: 12px;
1818
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
19-
width: 480px;
19+
width: 40vw;
20+
min-width: 480px;
2021
max-width: 90vw;
21-
max-height: 85vh;
22+
max-height: 95vh;
2223
overflow-y: auto;
2324
display: flex;
2425
flex-direction: column;

0 commit comments

Comments
 (0)