[taskboard] improve kanban layout density

This commit is contained in:
2026-03-07 13:22:17 -08:00
parent b70472f617
commit 77e7fbd860
2 changed files with 30 additions and 14 deletions

View File

@@ -25,7 +25,7 @@ export function AppShell({
return (
<div className="min-h-screen bg-[radial-gradient(circle_at_top_left,_rgba(34,211,238,0.18),_transparent_30%),radial-gradient(circle_at_top_right,_rgba(245,158,11,0.14),_transparent_28%),linear-gradient(180deg,#07111f_0%,#091321_44%,#0f172a_100%)] text-foreground">
<header className="border-b border-white/10 bg-slate-950/60 backdrop-blur-xl">
<div className="mx-auto flex max-w-7xl items-center justify-between px-6 py-6">
<div className="mx-auto flex w-full max-w-[1760px] items-center justify-between px-6 py-6">
<div>
<p className="font-mono text-xs uppercase tracking-[0.3em] text-cyan-300/80">
OpenClaw Taskboard
@@ -40,8 +40,8 @@ export function AppShell({
</div>
</header>
<div className="mx-auto grid max-w-7xl gap-6 px-6 py-8 lg:grid-cols-[240px_minmax(0,1fr)]">
<nav className="space-y-2">
<div className="mx-auto grid w-full max-w-[1760px] gap-6 px-6 py-8 lg:grid-cols-[240px_minmax(0,1fr)] xl:grid-cols-[252px_minmax(0,1fr)]">
<nav className="space-y-2 lg:sticky lg:top-8 lg:self-start">
{navItems.map((item) => {
const Icon = item.icon;
const isActive = pathname === item.href;
@@ -63,7 +63,7 @@ export function AppShell({
})}
</nav>
<main>{children}</main>
<main className="min-w-0">{children}</main>
</div>
</div>
);