Koko210/immich-folio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: change header to fixed positioning to prevent wiggling

Browse Source
This commit is contained in:
ralksta
2026-03-07 09:07:28 +01:00
parent b3f575fe6b
commit 59ff506b72
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/globals.css
View File

@@ -2,8 +2,10 @@
/* ── Header / Navigation ──────────────────────────── */ /* ── Header / Navigation ──────────────────────────── */
.header { .header {
position: sticky; position: fixed;
top: 0; top: 0;
left: 0;
width: 100%;
z-index: 100; z-index: 100;
background: rgba(26, 26, 26, 0.9); background: rgba(26, 26, 26, 0.9);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
@@ -55,14 +57,17 @@
.main { .main {
max-width: var(--max-width); max-width: var(--max-width);
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 96px; padding: 104px 24px 96px; /* 56px header + 48px original padding */
} }
/* Homepage hero + About page use full bleed — override main padding */ /* Homepage hero + About page use full bleed — override main padding */
.main:has(.hero), .main:has(.hero),
.main:has(.about) { .main:has(.about) {
max-width: none; max-width: none;
padding: 0; padding-top: 56px; /* Still need space for header */
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
} }
/* ── Hero Split Layout (Homepage) ────────────────── */ /* ── Hero Split Layout (Homepage) ────────────────── */