Zaki/Password-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(settings): size panel to 800x600 (viewport-guarded)

Browse Source
This commit is contained in:
r-zakarya
2026-07-10 05:18:02 +01:00
parent a0a6fa8834
commit c109694bd1
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+2 -2
View File
@@ -2074,7 +2074,7 @@ input[type="range"]::-webkit-slider-thumb {
/* Settings needs more width than the entry editor — the left tab column eats /* Settings needs more width than the entry editor — the left tab column eats
~100px. Only #settingsPanel; #slideover stays 420. (Center mode already ~100px. Only #settingsPanel; #slideover stays 420. (Center mode already
sets its own 520.) */ sets its own 520.) */
#settingsPanel { width: 520px; } #settingsPanel { width: min(96vw, 800px); }
/* Suppress the slide animation when the panel is closed — otherwise /* Suppress the slide animation when the panel is closed — otherwise
changing editor-position animates the off-screen position from right changing editor-position animates the off-screen position from right
to left and the panel briefly crosses the viewport. */ to left and the panel briefly crosses the viewport. */
@@ -2119,7 +2119,7 @@ body[data-editor-position="center"] #settingsPanel {
/* Settings gets a FIXED height in centered mode so switching tabs (short vs /* Settings gets a FIXED height in centered mode so switching tabs (short vs
long) doesn't resize + re-center the modal. Entry #slideover stays long) doesn't resize + re-center the modal. Entry #slideover stays
content-sized (grows with the form). */ content-sized (grows with the form). */
body[data-editor-position="center"] #settingsPanel { height: min(90vh, 660px); } body[data-editor-position="center"] #settingsPanel { height: min(92vh, 600px); }
body[data-editor-position="center"] #slideover.is-open, body[data-editor-position="center"] #slideover.is-open,
body[data-editor-position="center"] #settingsPanel.is-open { body[data-editor-position="center"] #settingsPanel.is-open {
transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);