feat: task slide-over panel, DM Sans typography, UI refinements

- TaskSlideOver: right-side panel with Next Up, Today, Upcoming, Quick Add
- Dashboard: compact task trigger replaces inline tasks
- Typography: DM Sans display font, antialiased rendering
- Cards: subtle hover elevation, colored left accent borders
- Navbar: accent-colored active states, frosted glass blur
- Badges: tighter uppercase style

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yusuf Suleman
2026-03-30 19:18:35 -05:00
parent 3956140662
commit d9ac231190
5 changed files with 816 additions and 87 deletions

View File

@@ -93,8 +93,8 @@
z-index: 50;
background: var(--nav-bg);
border-bottom: 1px solid var(--border);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(20px) saturate(1.4);
-webkit-backdrop-filter: blur(20px) saturate(1.4);
}
.navbar-inner {
max-width: 1400px;
@@ -106,15 +106,16 @@
gap: var(--sp-5);
}
.navbar-logo {
font-weight: 600;
font-weight: 700;
font-size: var(--text-md);
display: flex;
align-items: center;
gap: var(--sp-2);
color: var(--text-1);
flex-shrink: 0;
letter-spacing: -0.02em;
}
.navbar-logo svg { width: 20px; height: 20px; }
.navbar-logo svg { width: 18px; height: 18px; color: var(--accent); }
.navbar-links {
display: flex;