feat(테이블타입): 와이드 모니터에서 우측 상세 패널 고정 표시 #26

2026-05-22T04:09:45Z

johngreen commented

2026-05-22 04:09:45 +00:00

Summary

기존엔 컬럼 행 클릭해야 우측 패널이 슬라이드 in. 와이드 모니터에선 우측에 큰 빈 공간이 남는데도 패널이 숨어있어 화면이 흔들려 보임 → 일관성 ↓

와이드 (xl 이상): 우측 패널이 항상 보이는 고정 3-pane. 컬럼 선택 전엔 "컬럼을 선택해주세요" 안내
좁은 화면: 기존 오버레이 슬라이드 유지 (가운데 좁아지는 것 방지)

Test plan

와이드 모니터에서 페이지 열기 → 우측 패널이 처음부터 보임
컬럼 선택 안 한 상태 → 패널에 빈 상태 안내 메시지 표시
컬럼 행 클릭 → 패널 내용이 그 컬럼 상세로 바뀜 (슬라이드 애니메이션 없음)
좁은 화면 (랩탑 ~1024px) → 기존처럼 슬라이드 in 동작

## Summary 기존엔 컬럼 행 클릭해야 우측 패널이 슬라이드 in. 와이드 모니터에선 우측에 큰 빈 공간이 남는데도 패널이 숨어있어 화면이 흔들려 보임 → 일관성 ↓ - **와이드 (xl 이상):** 우측 패널이 항상 보이는 고정 3-pane. 컬럼 선택 전엔 "컬럼을 선택해주세요" 안내 - **좁은 화면:** 기존 오버레이 슬라이드 유지 (가운데 좁아지는 것 방지) ## Test plan - [ ] 와이드 모니터에서 페이지 열기 → 우측 패널이 처음부터 보임 - [ ] 컬럼 선택 안 한 상태 → 패널에 빈 상태 안내 메시지 표시 - [ ] 컬럼 행 클릭 → 패널 내용이 그 컬럼 상세로 바뀜 (슬라이드 애니메이션 없음) - [ ] 좁은 화면 (랩탑 ~1024px) → 기존처럼 슬라이드 in 동작

johngreen added 1 commit 2026-05-22 04:09:45 +00:00

feat(테이블타입): 와이드 모니터에서 우측 상세 패널 고정 표시 — 슬라이드 in 제거 7dbeccc182

기존엔 컬럼 행 클릭해야 우측 패널이 슬라이드로 들어옴. 와이드 모니터에선 우측에 큰 빈 공간이
남는데도 패널이 숨어있어 화면이 흔들려 보임 → 일관성 ↓

와이드(xl 이상)에선 패널을 일반 flex child 로 고정해서 항상 표시. 좁은 화면은 기존
오버레이 슬라이드 유지 (가운데 영역 좁아지는 것 방지).

- page.tsx: 우측 패널 컨테이너에 xl: 상태로 relative + 슬라이드 무력화
- ColumnDetailPanel: 컬럼 선택 안 한 상태일 때 "컬럼을 선택해주세요" 빈 상태 안내 UI 추가

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

johngreen merged commit a5288647c9 into main

2026-05-22 04:09:47 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: gbpark/invyone#26