Skip to content

[fix] Dashboard agentPrepared 패널 고정 높이 - 컬럼 #260

Description

@BcKmini

문제

DashboardPage.module.css.agentPrepared("Agent가 준비한 내용" 우측 패널)가 height: 539px로 고정돼 있음. .dashboardGrid는 2열 그리드(.primaryColumn / .agentPrepared)인데, 왼쪽 .primaryColumn은 콘텐츠에 따라 높이가 늘어나는 반면 오른쪽 패널은 고정 높이라 옆 컬럼이 늘어나도 같이 안 늘어나고 어긋남.

창을 줄이거나(반응형) 왼쪽 콘텐츠가 많아지는 경우 특히 눈에 띔.

수정 내용

  • .agentPreparedheight: 539pxheight: 100% + min-height: 0으로 변경
  • .dashboardGridalign-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 하나뿐이었음.

완료 조건

  • .agentPrepared.primaryColumn 높이를 따라 늘어남 (데스크톱 2열 레이아웃)
  • 내부 리스트 스크롤(.preparedSections) 정상 동작 확인
  • 다른 페이지의 동일 패턴(고정 height 그리드/flex sibling) 전수 확인

#267 에서 처리 완료.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions