fix(webui): compute dynamic header/footer heights; use CSS vars for margins; re-scroll after images/cards via rAF
This commit is contained in:
parent
645ea9f2b9
commit
0e3ccac6a9
2 changed files with 6 additions and 1 deletions
|
|
@ -1,7 +1,7 @@
|
|||
html, body { height: 100%; }
|
||||
body { padding: 0; min-height: 100vh; }
|
||||
header.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: .6rem 1rem; border-bottom: 1px solid var(--muted-border-color); display: flex; justify-content: space-between; align-items: center; background-color: var(--pico-background-color, #fff); }
|
||||
main, article, .dash { margin-top: 56px; margin-bottom: 44px; }
|
||||
main, article, .dash { margin-top: var(--headerH, 56px); margin-bottom: var(--footerH, 44px); }
|
||||
header.nav a.brand { text-decoration: none; font-weight: 600; }
|
||||
/* Dashboard-only grid layout */
|
||||
.dash { display: grid; grid-template-columns: 220px 1fr; gap: 0; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue