LeoVasanko/calendar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent scrollbars appearing on certain mobile browsers. (not tested)

Browse Source
This commit is contained in:
Leo Vasanko 2025-08-24 21:21:05 -06:00
parent 50c79ff99f
commit 7ca5b70c1e
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/layout.css
View File

@ -11,13 +11,20 @@
/* Layout & typography */ /* Layout & typography */
* { box-sizing: border-box } * { box-sizing: border-box }
html, body { height: 100%; }
body { body {
margin: 0; margin: 0;
font: 500 14px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial; font: 500 14px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial;
background: var(--bg); background: var(--bg);
color: var(--ink); color: var(--ink);
/* Prevent body scrolling / unwanted scrollbars due to mobile browser UI chrome affecting vh */
overflow: hidden;
} }
/* Ensure root app container doesn't introduce its own scrollbars */
#app { height: 100%; width: 100%; overflow: hidden; }
header { header {
display: flex; display: flex;
align-items: baseline; align-items: baseline;