m/onepager
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: smartin3.de — nav uses full viewport width, hamburger aligned properly

Browse Source
This commit is contained in:
m
2026-04-18 20:48:42 +02:00
parent 21f22dc90d
commit 9d6debecbd
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
sites/smartin3.de/index.html
View File

@@ -51,12 +51,14 @@
/* Nav */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
padding: 20px 0;
padding: 20px 24px;
background: rgba(10, 10, 12, 0.8);
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border);
display: flex; justify-content: space-between; align-items: center;
max-width: 100%; box-sizing: border-box;
}
nav .container { display: flex; justify-content: space-between; align-items: center; gap: 12px; overflow: hidden; }
nav .container { display: contents; }
.logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; font-weight: 600; white-space: nowrap; }
.logo .s { color: var(--text-dim); font-weight: 300; text-transform: lowercase; }
.logo .martin { color: var(--orange); }
@@ -67,7 +69,7 @@
nav a:hover { color: var(--text); }
.nav-toggle { display: none; background: none; border: none; color: var(--text-dim); font-size: 1.4rem; cursor: pointer; padding: 4px; }
@media (max-width: 600px) {
.nav-links { display: none; position: absolute; top: 100%; right: 0; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 0 0 12px 12px; flex-direction: column; padding: 16px 24px; gap: 14px; min-width: 160px; }
.nav-links { display: none; position: absolute; top: 100%; right: 24px; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 0 0 12px 12px; flex-direction: column; padding: 16px 24px; gap: 14px; min-width: 160px; }
.nav-links.open { display: flex; }
.nav-toggle { display: block; }
nav a { font-size: 0.9rem; }