Menu 컴포넌트와 Settlement Detail 컴포넌트의 safe area 처리를 구분하여 적용
Changes:
- .full-menu-container: 기본 padding-top 50px 유지 (Menu용)
- .full-menu-container.pdw-16: safe area를 포함한 padding-top 적용 (Settlement Detail용)
- .full-menu-header: 기본적으로 safe area 아래 위치 (top: env(safe-area-inset-top))
- .full-menu-container.pdw-16 .full-menu-header::before: 가상 요소로 safe area 영역을 덮어 스크롤 컨텐츠가 보이지 않도록 처리
결과:
- Menu: 기존 동작 유지
- Settlement Detail: 헤더는 메뉴와 같은 위치, 스크롤 컨텐츠는 safe area 위로 보이지 않음
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>