feat(ui): add mobile-responsive layout with hamburger drawer

Adds MobileHeader with hamburger button (left-aligned) that opens a
slide-in sidebar drawer on mobile. Desktop layout is unchanged. All
hardcoded multi-column grids updated with responsive Tailwind breakpoints.

Co-Authored-By: Jack Levy
This commit is contained in:
Jack Levy
2026-02-28 23:58:28 -05:00
parent a8bc20e187
commit 37339d6950
8 changed files with 57 additions and 14 deletions

View File

@@ -40,8 +40,8 @@ export default function DashboardPage() {
{isLoading ? (
<div className="text-center py-20 text-muted-foreground">Loading dashboard...</div>
) : (
<div className="grid grid-cols-3 gap-8">
<div className="col-span-2 space-y-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-8">
<div className="md:col-span-2 space-y-4">
<h2 className="font-semibold flex items-center gap-2">
<BookOpen className="w-4 h-4" />
Your Feed