added mobile support
This commit is contained in:
parent
6bc965e86d
commit
c3d7eb7b89
@ -18,13 +18,12 @@
|
|||||||
html {
|
html {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
zoom: 0.8;
|
zoom: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
display: grid;
|
display: grid;
|
||||||
/* Compensate for html zoom:0.8 so grid fills viewport visually */
|
min-height: 100vh;
|
||||||
min-height: calc(100vh / 0.8);
|
|
||||||
grid-template-rows: auto 1fr auto;
|
grid-template-rows: auto 1fr auto;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
@ -598,3 +597,15 @@ textarea:focus-visible {
|
|||||||
gap: 4px;
|
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