this repo has no description
Widen UI layout for better tab display
- Increase Layout max-width from 5xl to 1050px
- Remove redundant max-w-3xl constraint from ProjectList
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+3
-3
+2
-2
src/web/app/components/Layout.tsx
+2
-2
src/web/app/components/Layout.tsx
···
22
22
return (
23
23
<div className="min-h-screen bg-gray-50 text-slate-900 font-sans">
24
24
<header className="bg-white border-b border-gray-200 sticky top-0 z-10 bg-opacity-90 backdrop-blur-sm">
25
-
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
25
+
<div className="max-w-[1050px] mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
26
26
<Link to="/" className="flex items-center gap-2 group">
27
27
<div className="bg-blue-600 p-1.5 rounded-lg text-white group-hover:bg-blue-700 transition-colors">
28
28
<Calendar size={20} />
···
66
66
</div>
67
67
</header>
68
68
69
-
<main className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-4">{children}</main>
69
+
<main className="max-w-[1050px] mx-auto px-4 sm:px-6 lg:px-8 py-4">{children}</main>
70
70
</div>
71
71
);
72
72
}
+1
-1
src/web/app/components/ProjectList.tsx
+1
-1
src/web/app/components/ProjectList.tsx
···
159
159
}
160
160
161
161
return (
162
-
<div className="max-w-3xl mx-auto">
162
+
<div>
163
163
<div className="flex items-center justify-between mb-4">
164
164
<h2 className="text-xl font-bold text-slate-800">Projects</h2>
165
165
<span className="text-sm text-slate-500">{allProjects.length} total</span>