Skip to content

feat: 공용 ListRow 컴포넌트 추출 + WorkItemRow 모바일 반응형 - #137

Merged
BcKmini merged 1 commit into
mainfrom
feat/issue-122-127-list-row-consolidation
Jul 23, 2026
Merged

feat: 공용 ListRow 컴포넌트 추출 + WorkItemRow 모바일 반응형#137
BcKmini merged 1 commit into
mainfrom
feat/issue-122-127-list-row-consolidation

Conversation

@BcKmini

@BcKmini BcKmini commented Jul 23, 2026

Copy link
Copy Markdown
Member

변경 사항

  • components/ui/ListRow 신규 추출 — AgentLogPage/DocumentListPage/TicketListPage가 복붙하던 리스트 행 grid CSS(패딩·배경·테두리·모바일 1열 전환)를 컬럼 구성만 페이지별로 받는 공용 컴포넌트로 교체
  • WorkItemRow(WorkListPage/DashboardPage)에 없던 모바일 반응형(720px 이하 줄바꿈) 추가

WorkerListPage는 이 grid 패턴을 쓰지 않는 별도 카드 레이아웃이라 이번 범위에서 제외했습니다 (원래 감사에서 잘못 포함됐던 항목).

테스트

  • npm run lint, npm run test -- --run(193개), npm run build 모두 통과

Closes #122, #127

AgentLogPage, DocumentListPage, TicketListPage가 동일한 리스트
행 grid CSS(padding/background/border/border-radius/모바일
1열 전환)를 각자 복붙하고 있었다. 컬럼 구성만 페이지별로 다르므로
공용 ListRow 컴포넌트로 추출한다.

WorkerListPage는 이 grid 패턴을 쓰지 않는 별도 카드 레이아웃이라
이번 범위에서 제외했다 (감사 당시 잘못 포함된 항목).

WorkItemRow(WorkListPage/DashboardPage에서 사용)는 다른 리스트
패턴과 달리 모바일 반응형이 없어서 720px 이하에서 줄바꿈되도록
추가한다.

Closes #122, #127
@BcKmini
BcKmini merged commit aea95af into main Jul 23, 2026
@hywznn
hywznn deleted the feat/issue-122-127-list-row-consolidation branch August 18, 2026 09:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Refactor] 리스트 행 grid 패턴을 WorkItemRow처럼 컴포넌트화

1 participant