Refactor topbar styling and add nav-link-btn class

This commit is contained in:
2026-01-08 01:40:13 +01:00
parent fa7e16aa3b
commit 336a3aa164

View File

@@ -3,9 +3,6 @@
} }
.topbar { .topbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.25rem 0; padding: 1.25rem 0;
position: sticky; position: sticky;
top: 0; top: 0;
@@ -13,6 +10,12 @@
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
} }
.topbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.brand { .brand {
font-weight: 800; font-weight: 800;
letter-spacing: -0.01em; letter-spacing: -0.01em;
@@ -33,6 +36,15 @@ nav {
font-weight: 600; font-weight: 600;
} }
.nav-link-btn {
border: none;
background: transparent;
padding: 0.55rem 0.85rem;
border-radius: 12px;
font-weight: 600;
cursor: pointer;
}
.link.active { .link.active {
background: rgba(0, 0, 0, 0.06); background: rgba(0, 0, 0, 0.06);
color: var(--accent); color: var(--accent);