fix(webui): compute dynamic header/footer heights; use CSS vars for margins; re-scroll after images/cards via rAF

This commit is contained in:
Thomas Cravey 2025-08-17 14:53:57 -05:00
parent 645ea9f2b9
commit 0e3ccac6a9
2 changed files with 6 additions and 1 deletions

View file

@ -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; }