diff --git a/frontend/src/components/tasks/TaskKanbanView.tsx b/frontend/src/components/tasks/TaskKanbanView.tsx index 3c1ab14..36c5eef 100644 --- a/frontend/src/components/tasks/TaskKanbanView.tsx +++ b/frontend/src/components/tasks/TaskKanbanView.tsx @@ -171,16 +171,8 @@ export const TaskKanbanView: React.FC = ({ ) } - const isWideBoard = visibleColumns.length > 4 - return ( -
+
{visibleColumns.map((col) => { const columnTasks = tasks.filter((t) => { if (col.id && t.taskStatus?.id) { @@ -228,11 +220,9 @@ export const TaskKanbanView: React.FC = ({ style={{ borderColor: isOver ? col.color : `${col.color}35`, }} - className={`flex flex-col rounded-3xl border transition-all duration-200 h-[680px] lg:h-[calc(100vh-270px)] lg:min-h-[520px] overflow-hidden bg-surface/60 backdrop-blur-md shadow-xs ${ - isWideBoard ? 'w-80 shrink-0' : 'w-full' - } ${isHidden ? 'opacity-70 ring-1 ring-amber-500/30' : ''} ${ - isOver ? 'ring-2 ring-brand/30 bg-brand/5' : '' - }`} + className={`flex-1 min-w-[280px] flex flex-col rounded-3xl border transition-all duration-300 h-[680px] lg:h-[calc(100vh-270px)] lg:min-h-[520px] overflow-hidden bg-surface/60 backdrop-blur-md shadow-xs ${ + isHidden ? 'opacity-70 ring-1 ring-amber-500/30' : '' + } ${isOver ? 'ring-2 ring-brand/30 bg-brand/5' : ''}`} > {/* Column Header */}
@@ -403,14 +393,17 @@ export const TaskKanbanView: React.FC = ({ )}