yusiboyz/platform
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

wip: bento card layout + zinc/emerald tokens (in progress)

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yusuf Suleman
2026-03-30 21:10:07 -05:00
parent 3704687793
commit 1a9ec9d0e4
6 changed files with 188 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend-v2/src/lib/components/layout/Navbar.svelte
View File

@@ -97,25 +97,25 @@
-webkit-backdrop-filter: blur(20px) saturate(1.4);
}
.navbar-inner {
max-width: 1400px;
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: center;
height: 52px;
height: 48px;
padding: 0 var(--sp-6);
gap: var(--sp-5);
gap: var(--sp-6);
}
.navbar-logo {
font-weight: 700;
font-size: var(--text-md);
font-size: 14px;
display: flex;
align-items: center;
gap: var(--sp-2);
gap: 7px;
color: var(--text-1);
flex-shrink: 0;
letter-spacing: -0.02em;
letter-spacing: -0.04em;
}
.navbar-logo svg { width: 18px; height: 18px; color: var(--accent); }
.navbar-logo svg { width: 16px; height: 16px; color: var(--accent); }
.navbar-links {
display: flex;
@@ -124,19 +124,18 @@
flex: 1;
}
.navbar-link {
padding: 5px var(--sp-3);
border-radius: var(--radius-md);
font-size: var(--text-sm);
padding: 4px 12px;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
color: var(--text-3);
transition: all 0.15s ease;
color: var(--text-4);
transition: all 0.2s cubic-bezier(0.16,1,0.3,1);
background: none;
border: none;
position: relative;
text-decoration: none;
letter-spacing: 0.01em;
}
.navbar-link:hover { color: var(--text-1); background: var(--card-hover); }
.navbar-link:hover { color: var(--text-2); background: rgba(0,0,0,0.03); }
.navbar-link.active {
color: var(--accent);
background: var(--accent-dim);