johan
/
mission-control
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: reduce column min-width from 320px to 160px so all 7 columns fit viewport

This commit is contained in:
James 2026-03-24 00:22:07 -04:00
parent 648347cab7
commit 9f224434d9
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/panels/task-board-panel.tsx
View File

@ -744,7 +744,7 @@ export function TaskBoardPanel() {
</div>
<div className="flex-1 flex gap-4 p-4 overflow-x-auto">
{Array.from({ length: 4 }).map((_, colIdx) => (
<div key={colIdx} className="flex-1 min-w-80 bg-card border border-border rounded-lg flex flex-col">
<div key={colIdx} className="flex-1 min-w-40 bg-card border border-border rounded-lg flex flex-col">
<div className="p-3 rounded-t-lg bg-surface-1 animate-pulse">
<div className="h-5 w-24 bg-surface-2 rounded" />
</div>
@ -932,7 +932,7 @@ export function TaskBoardPanel() {
key={column.key}
role="region"
aria-label={t('columnAriaLabel', { title: column.title, count: tasksByStatus[column.key]?.length || 0 })}
className="flex-1 min-w-80 min-h-0 bg-surface-0 border border-border/60 rounded-xl flex flex-col transition-colors duration-200 [&.drag-over]:border-primary/40 [&.drag-over]:bg-primary/[0.02]"
className="flex-1 min-w-40 min-h-0 bg-surface-0 border border-border/60 rounded-xl flex flex-col transition-colors duration-200 [&.drag-over]:border-primary/40 [&.drag-over]:bg-primary/[0.02]"
onDragEnter={(e) => handleDragEnter(e, column.key)}
onDragLeave={handleDragLeave}
onDragOver={handleDragOver}