diff --git a/src/assets/layout.css b/src/assets/layout.css index 1d5c9c3..f9e0cf9 100644 --- a/src/assets/layout.css +++ b/src/assets/layout.css @@ -11,13 +11,20 @@ /* Layout & typography */ * { box-sizing: border-box } +html, body { height: 100%; } + body { margin: 0; font: 500 14px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial; background: var(--bg); 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 { display: flex; align-items: baseline;