added mobile support
This commit is contained in:
parent
6bc965e86d
commit
c3d7eb7b89
@ -18,13 +18,12 @@
|
||||
html {
|
||||
min-height: 100%;
|
||||
background: var(--bg);
|
||||
zoom: 0.8;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
/* Compensate for html zoom:0.8 so grid fills viewport visually */
|
||||
min-height: calc(100vh / 0.8);
|
||||
min-height: 100vh;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
margin: 0;
|
||||
color: var(--text);
|
||||
@ -598,3 +597,15 @@ textarea:focus-visible {
|
||||
gap: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Apply desktop zoom only on wider screens so mobile viewports remain natural */
|
||||
@media (min-width: 1000px) {
|
||||
html {
|
||||
zoom: 0.8;
|
||||
}
|
||||
|
||||
/* Compensate for desktop zoom so grid fills viewport visually */
|
||||
body {
|
||||
min-height: calc(100vh / 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user