diff --git a/frontend/src/components/dashboard/DepartmentColumn.tsx b/frontend/src/components/dashboard/DepartmentColumn.tsx index f0f8fa2..637e856 100644 --- a/frontend/src/components/dashboard/DepartmentColumn.tsx +++ b/frontend/src/components/dashboard/DepartmentColumn.tsx @@ -229,53 +229,35 @@ export function DepartmentColumn({ title: initialTitle, titleEn, subtitle: initi )} - {/* ── 실행과제 영역 ── */} -
- {/* 좌측 라벨 */} -
- 실행과제 -
- {/* 카드 목록 */} -
- {(() => { - const projectTasks = orderedTasks.filter((t) => t.taskType !== '상시업무'); - return projectTasks.length === 0 ? ( -
- 해당 업무 없음 -
- ) : ( - - t.id)} strategy={verticalListSortingStrategy}> - {projectTasks.map((task) => ( - - ))} - - - ); - })()} -
+ {/* 프로젝트 카드 목록 (스크롤 영역) */} +
+ {(() => { + const projectTasks = orderedTasks.filter((t) => t.taskType !== '상시업무'); + return projectTasks.length === 0 ? ( +
+ 해당 업무 없음 +
+ ) : ( + + t.id)} strategy={verticalListSortingStrategy}> + {projectTasks.map((task) => ( + + ))} + + + ); + })()}
- {/* ── 기반업무 영역 ── */} + {/* 기반업무 고정 영역 */} {(() => { const routineTasks = orderedTasks.filter((t) => t.taskType === '상시업무'); return ( -
- {/* 좌측 라벨 */} -
- 기반업무 -
- {/* 카드 목록 */} -
+
+
{routineTasks.length === 0 ? (
기반업무 없음 diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx index 7e67011..9ce404f 100644 --- a/frontend/src/pages/DashboardPage.tsx +++ b/frontend/src/pages/DashboardPage.tsx @@ -83,8 +83,29 @@ export default function DashboardPage() { onOpenTaskManager={() => setShowTaskManager(true)} /> -
-
+
+ + {/* ── 맨 왼쪽 구분 라벨 컬럼 ── */} +
+ {/* 헤더 높이 맞춤 (DepartmentColumn 헤더 h-10) */} +
+ {/* 실행과제 영역 (flex-1) */} +
+ 실행과제 +
+ {/* 기반업무 영역 (고정 300px) */} +
+ 기반업무 +
+
+ +