Skip to content

fix: 모바일 정책상세 모달 높이 뷰포트 초과 수정 - #260

Merged
sjungwon03 merged 1 commit into
devfrom
fix/259-mobile-policy-detail-modal-height
Jul 27, 2026
Merged

fix: 모바일 정책상세 모달 높이 뷰포트 초과 수정#260
sjungwon03 merged 1 commit into
devfrom
fix/259-mobile-policy-detail-modal-height

Conversation

@sjungwon03

Copy link
Copy Markdown
Member

변경 요약

모바일에서 정책상세 모달을 열면 팝업 높이가 화면을 초과하는 문제 수정.

원인

  • 모달 카드에 모바일 높이 제한(max-h) 없음 — lg:h-[82vh]만 데스크톱에 적용
  • 콘텐츠 바디에 overflow 없음 — 상세 정보 + 정책 채팅이 세로로 쌓여 화면 초과

수정 내용 (PolicyDetailModalPresenter.tsx)

위치 변경 효과
모달 카드 max-h-[90dvh] 추가 모바일 뷰포트 90%로 제한 (dvh = 주소창 대응)
콘텐츠 바디 flex-1 overflow-y-auto + lg:overflow-visible 모바일 내부 스크롤, 데스크톱 기존 동작 유지
상세 정보 컬럼 모바일 max-h-[58vh] overflow-y-auto 제거 → lg:overflow-y-auto 모바일 이중 스크롤 방지, 데스크톱 독립 스크롤 유지

검증 결과

  • pnpm run lint (biome check + tsc --noEmit): ✅ 통과
  • pnpm run build: ✅ 통과 (기존 청크 크기 경고만, 본 변경 무관)

Closes #259

@kilo-code-bot

kilo-code-bot Bot commented Jul 27, 2026

Copy link
Copy Markdown

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (1 files)
  • src/widgets/policy-detail-modal/PolicyDetailModalPresenter.tsx

Reviewed by step-3.7-flash · Input: 52.1K · Output: 13.3K · Cached: 367K

@sjungwon03
sjungwon03 merged commit 5378ea7 into dev Jul 27, 2026
2 checks passed
@sjungwon03
sjungwon03 deleted the fix/259-mobile-policy-detail-modal-height branch July 27, 2026 02:22
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.

fix: 모바일 정책상세 모달 높이가 화면을 넘어감

1 participant