Chneemann/flowstate
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(dashboard): improve responsive column layout with auto-fit grid
All checks were successful
Deploy Flowstate to VPS / deploy (push) Successful in 44s
Details

Browse source
This commit is contained in:
Chneemann 2026-08-20 03:58:03 +02:00
parent d337425a30
commit f3cb400d44
No known key found for this signature in database
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/(app)/dashboard/Board.tsx
View file

@ -98,7 +98,7 @@ export default function Board({ tasks }: { tasks: Task[] }) {
<Header onTaskDelete={deleteTask} /> <Header onTaskDelete={deleteTask} />
{/* Columns Grid */} {/* Columns Grid */}
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-2 gap-6 items-start"> <div className="grid grid-auto-fit-450 gap-4 items-start">
{COLUMNS.map((col) => { {COLUMNS.map((col) => {
const columnTasks = tasks.filter((t) => t.status === col.id); const columnTasks = tasks.filter((t) => t.status === col.id);
return ( return (

4
app/globals.css
View file

@ -31,3 +31,7 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
} }
@utility grid-auto-fit-450 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 450px), 1fr));
}