fix(ui): Make Tasks Dashboard header sticky

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Kelly
2025-12-11 09:04:21 -07:00
parent 6f0a58f5d2
commit 2a9ae61dce

View File

@@ -256,7 +256,8 @@ export default function TasksDashboard() {
return (
<Layout>
<div className="space-y-6">
{/* Header */}
{/* Sticky Header */}
<div className="sticky top-0 z-10 bg-white pb-4 -mx-6 px-6 pt-2 border-b border-gray-200 shadow-sm">
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<h1 className="text-2xl font-bold text-gray-900 flex items-center gap-2">
@@ -320,6 +321,7 @@ export default function TasksDashboard() {
<span className="text-sm text-gray-400">Auto-refreshes every 15s</span>
</div>
</div>
</div>
{error && (
<div className="p-4 bg-red-50 text-red-700 rounded-lg">{error}</div>