문제
DashboardPage.module.css의 .agentPrepared("Agent가 준비한 내용" 우측 패널)가 height: 539px로 고정돼 있음. .dashboardGrid는 2열 그리드(.primaryColumn / .agentPrepared)인데, 왼쪽 .primaryColumn은 콘텐츠에 따라 높이가 늘어나는 반면 오른쪽 패널은 고정 높이라 옆 컬럼이 늘어나도 같이 안 늘어나고 어긋남.
창을 줄이거나(반응형) 왼쪽 콘텐츠가 많아지는 경우 특히 눈에 띔.
수정 내용
.agentPrepared의 height: 539px → height: 100% + min-height: 0으로 변경
.dashboardGrid에 align-items: stretch 명시
- 내부
.preparedSections(flex:1; overflow-y:auto)는 부모가 stretch돼도 내부 스크롤 정상 동작 확인함
- 1080px 이하 스택 레이아웃은 기존
height:auto; max-height:539px 그대로 유지
다른 페이지의 grid/flex 컬럼도 전수 확인했는데(CaseDetailPage, ProfilePage, WorkListPage, ReviewWorkPage, WorkerListPage) 이 정도로 큰 고정 height sibling은 Dashboard 하나뿐이었음.
완료 조건
#267 에서 처리 완료.
문제
DashboardPage.module.css의.agentPrepared("Agent가 준비한 내용" 우측 패널)가height: 539px로 고정돼 있음..dashboardGrid는 2열 그리드(.primaryColumn/.agentPrepared)인데, 왼쪽.primaryColumn은 콘텐츠에 따라 높이가 늘어나는 반면 오른쪽 패널은 고정 높이라 옆 컬럼이 늘어나도 같이 안 늘어나고 어긋남.창을 줄이거나(반응형) 왼쪽 콘텐츠가 많아지는 경우 특히 눈에 띔.
수정 내용
.agentPrepared의height: 539px→height: 100%+min-height: 0으로 변경.dashboardGrid에align-items: stretch명시.preparedSections(flex:1; overflow-y:auto)는 부모가 stretch돼도 내부 스크롤 정상 동작 확인함height:auto; max-height:539px그대로 유지다른 페이지의 grid/flex 컬럼도 전수 확인했는데(CaseDetailPage, ProfilePage, WorkListPage, ReviewWorkPage, WorkerListPage) 이 정도로 큰 고정 height sibling은 Dashboard 하나뿐이었음.
완료 조건
.agentPrepared가.primaryColumn높이를 따라 늘어남 (데스크톱 2열 레이아웃).preparedSections) 정상 동작 확인#267 에서 처리 완료.