mirror of
https://github.com/wahyd4/links.git
synced 2026-08-28 06:26:53 +10:00
jbot: fix no-scroll viewport layout
- index.css targeted #root but app mounts to #jbot-root — viewport
height was never constrained, causing full page scroll
- Fix: rename #root → #jbot-root, add html/body {height:100%;overflow:hidden}
- .app now uses height:100% relative to #jbot-root instead of
duplicate 100dvh, so the layout is a true single-screen SPA
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -13,8 +13,7 @@
|
||||
|
||||
/* ── App shell ────────────────────────────────────────────── */
|
||||
.app {
|
||||
height: 100dvh;
|
||||
height: -webkit-fill-available;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--bg);
|
||||
|
||||
@@ -3,13 +3,17 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html, body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
background: #F1F5F9;
|
||||
color: #0F172A;
|
||||
font-family: system-ui, 'Segoe UI', sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
#root {
|
||||
#jbot-root {
|
||||
height: 100dvh;
|
||||
height: -webkit-fill-available;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user