nessi/NexaVPN
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: adjust grid alignment and responsive breakpoint for improved layout consistency

Browse Source 
Add align-items: start to body-grid and align-content: start to status-grid to prevent vertical stretching and maintain top alignment. Reduce responsive breakpoint from 960px to 760px to match new default window width.
This commit is contained in:
Sascha Nesterovic
2026-03-18 10:41:10 +01:00
parent 1c496435f5
commit fcc32f253b
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
desktop-client/src/styles.css
View File

@@ -148,6 +148,7 @@ input {
gap: 12px; gap: 12px;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
align-items: start;
} }
.login-panel, .login-panel,
@@ -218,6 +219,7 @@ input {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px; gap: 8px;
align-content: start;
} }
.detail-card, .detail-card,
@@ -298,7 +300,7 @@ input {
font-size: 0.95rem; font-size: 0.95rem;
} }
@media (max-width: 960px) { @media (max-width: 760px) {
.body-grid { .body-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }