feat: 공용 ListRow 컴포넌트 추출 + WorkItemRow 모바일 반응형 - #137
Merged
Conversation
AgentLogPage, DocumentListPage, TicketListPage가 동일한 리스트 행 grid CSS(padding/background/border/border-radius/모바일 1열 전환)를 각자 복붙하고 있었다. 컬럼 구성만 페이지별로 다르므로 공용 ListRow 컴포넌트로 추출한다. WorkerListPage는 이 grid 패턴을 쓰지 않는 별도 카드 레이아웃이라 이번 범위에서 제외했다 (감사 당시 잘못 포함된 항목). WorkItemRow(WorkListPage/DashboardPage에서 사용)는 다른 리스트 패턴과 달리 모바일 반응형이 없어서 720px 이하에서 줄바꿈되도록 추가한다. Closes #122, #127
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
변경 사항
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