### 🛠️ 만들고자 한 기능 설명 설정 페이지(`/settings`)가 지금은 데스크톱 전용 레이아웃만 있습니다(사이드 네비게이션 고정 폭, 탈퇴 안내 등 일부 섹션 고정 폭). Today/통계 페이지처럼 모바일 폭에서도 쓸 수 있도록 반응형으로 만듭니다. ### ✅ TODO LIST - [ ] `SettingsNavContainer`의 고정 폭(`w-37.5`) 사이드 네비게이션을 모바일 구조로 변경 (드로어 또는 다른 네비게이션 패턴, `responsive.md` 기준 적용) - [ ] `SettingsLayout`(`layout.tsx`)의 좌측 네비 + 우측 컨텐츠 2단 구조를 모바일에서 어떻게 보여줄지 결정 - [ ] `SettingsWithdrawalView` 등 고정 폭(`w-106.25` 등)을 쓰는 섹션 반응형 처리 - [ ] 프로필/태그/언어/약관 등 각 섹션 패딩·레이아웃 모바일 폭 점검 - [ ] `docs/architecture/responsive.md` 규칙 준수 확인 (엘리먼트·state 중복 생성 금지, `md:` 단일 브레이크포인트) ### ⏰ 예상 작업 기간 - ### 📝 참고 링크(선택) - `docs/architecture/responsive.md` - 참고 선례: #303(사이드바), #311/#318(Today 페이지) 모바일 반응형 작업 ### 🗣️ ETC(선택) - ### 📸 피그마 스크린샷 -
🛠️ 만들고자 한 기능 설명
설정 페이지(
/settings)가 지금은 데스크톱 전용 레이아웃만 있습니다(사이드 네비게이션 고정 폭, 탈퇴 안내 등 일부 섹션 고정 폭). Today/통계 페이지처럼 모바일 폭에서도 쓸 수 있도록 반응형으로 만듭니다.✅ TODO LIST
SettingsNavContainer의 고정 폭(w-37.5) 사이드 네비게이션을 모바일 구조로 변경 (드로어 또는 다른 네비게이션 패턴,responsive.md기준 적용)SettingsLayout(layout.tsx)의 좌측 네비 + 우측 컨텐츠 2단 구조를 모바일에서 어떻게 보여줄지 결정SettingsWithdrawalView등 고정 폭(w-106.25등)을 쓰는 섹션 반응형 처리docs/architecture/responsive.md규칙 준수 확인 (엘리먼트·state 중복 생성 금지,md:단일 브레이크포인트)⏰ 예상 작업 기간
📝 참고 링크(선택)
docs/architecture/responsive.md🗣️ ETC(선택)
📸 피그마 스크린샷