Skip to content

fix(layout): 모바일 좌우 여백 16px 통일 및 하단 여백·스테이 헤더 정리 - #442

Merged
SHcommit merged 2 commits into
developfrom
fix/mobile-gutter-consistency
Nov 9, 2026
Merged

SHcommit merged 2 commits into
developfrom
fix/mobile-gutter-consistency

Conversation

@SHcommit

@SHcommit SHcommit commented Nov 9, 2026

Copy link
Copy Markdown
Member

변경 사항

  • 페이지 래퍼 폭을 calc(100% - 32px)(좌우 16px)로 통일: 홈, 한옥, K-마루, 소리마루, 저니 큐레이터, 마이페이지, 계절 카드
  • 지도마루 피드(공간 오디오 투어, 근처 한옥·체험 공간) 여백 14px → 16px
  • 수결첩 루트 좌우 패딩 0 → clamp(16px, 4vw, 48px)
  • 푸터에 모바일 하단 탭바 높이만큼 bottom padding 추가
  • 전국 한옥 도감 모바일 2열 그리드
  • 지역별 한옥 스테이 결과 개수를 섹션 제목 오른쪽으로 이동
  • 저니 큐레이터 가로 스크롤러 스크롤바 숨김
  • 소리마루 "오늘, 여기에서"의 "기본 위치" 라벨과 장식용 "?" 글자 제거
  • changelog.md [Unreleased] 기록

검증

  • 영향받는 기능 테스트 62개 파일 242개 통과 (브라우저 모드 테스트 1개 파일은 로컬 Chromium 경로 문제로 미실행)
  • 변경 파일 타입 체크 오류 없음
  • iPhone 13(390px) 뷰포트에서 개발 서버로 가장자리 여백, 2열 그리드, 스테이 헤더 배치, 푸터 하단 여백 확인
  • 계절 카드 여백 변경은 CSS 수정만 확인했고 브라우저 측정은 하지 않음

관련 Issue

없음

🤖 Generated with Claude Code

SHcommit and others added 2 commits November 9, 2026 01:50
- 페이지 래퍼 폭을 calc(100% - 24/28/40px)에서 calc(100% - 32px)로 통일해 좌우 16px 여백을 맞춤
- 지도마루 피드(공간 오디오 투어, 근처 한옥·체험 공간) 카드와 제목 여백 14px → 16px
- 수결첩 루트 좌우 패딩이 0이던 문제를 clamp(16px, 4vw, 48px)로 수정 (스켈레톤과 동일 값)

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
- 푸터에 모바일 하단 탭바 높이만큼 bottom padding 추가해 콘텐츠가 가려지지 않도록 함
- 전국 한옥 도감 모바일 그리드를 2열로 변경
- 지역별 한옥 스테이 결과 개수("전국 N곳")를 섹션 제목 오른쪽으로 이동
- 저니 큐레이터 가로 스크롤러의 스크롤바 숨김
- 계절 카드 모바일 좌우 여백을 16px로 맞춤
- 소리마루 "오늘, 여기에서"의 "기본 위치" 라벨과 장식용 "?" 글자 제거
- changelog.md에 변경 사항 기록

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Nov 9, 2026

Copy link
Copy Markdown

Important

  • Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

📋 코드 리뷰 체크리스트

  • 테스트 추가/업데이트
  • 문서 업데이트
  • 콘솔 로그/디버거 없음
  • 하드코딩된 값 없음
  • 성능 고려됨
  • 보안 검토됨
  • 에러 처리 추가됨

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

✅ PR 검증 통과

  • 제목 형식: ✓
  • 설명: ✓
  • 파일 수정: ✓

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

224M .next

가장 큰 파일 상위 20개

14M .next/cache/turbopack/v16.4.3-29bbeab0/00000008.sst
14M .next/cache/turbopack/v16.4.3-29bbeab0/00000006.sst
14M .next/cache/turbopack/v16.4.3-29bbeab0/00000003.sst
13M .next/cache/turbopack/v16.4.3-29bbeab0/00000019.sst
13M .next/cache/turbopack/v16.4.3-29bbeab0/00000011.sst
13M .next/cache/turbopack/v16.4.3-29bbeab0/00000010.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000021.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000018.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000016.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000009.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000005.sst
11M .next/cache/turbopack/v16.4.3-29bbeab0/00000004.sst
6.1M .next/static/chunks/1x2c7bdxhwxnj.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvoiobm8p._.js
4.3M .next/cache/turbopack/v16.4.3-29bbeab0/00000015.sst
3.9M .next/cache/turbopack/v16.4.3-29bbeab0/00000024.sst
3.8M .next/cache/turbopack/v16.4.3-29bbeab0/00000023.sst
3.1M .next/cache/turbopack/v16.4.3-29bbeab0/00000007.sst
3.1M .next/cache/turbopack/v16.4.3-29bbeab0/00000002.sst
3.1M .next/cache/turbopack/v16.4.3-29bbeab0/00000001.sst

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

✅ 코드 품질 검사가 완료되었습니다. 위 출력 결과에서 이슈를 확인하세요.

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

📦 번들 크기 분석 요약:

번들 크기 분석 결과

Next.js 빌드 출력 크기

224M .next

가장 큰 파일 상위 20개

14M .next/cache/turbopack/v16.4.3-29bbeab0/00000010.sst
14M .next/cache/turbopack/v16.4.3-29bbeab0/00000008.sst
13M .next/cache/turbopack/v16.4.3-29bbeab0/00000019.sst
13M .next/cache/turbopack/v16.4.3-29bbeab0/00000011.sst
13M .next/cache/turbopack/v16.4.3-29bbeab0/00000009.sst
13M .next/cache/turbopack/v16.4.3-29bbeab0/00000004.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000021.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000018.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000017.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000007.sst
12M .next/cache/turbopack/v16.4.3-29bbeab0/00000003.sst
11M .next/cache/turbopack/v16.4.3-29bbeab0/00000005.sst
7.0M .next/cache/turbopack/v16.4.3-29bbeab0/00000024.sst
6.1M .next/static/chunks/1x2c7bdxhwxnj.js
6.1M .next/server/chunks/ssr/src_app_dev_icons_page_tsx_0bmgqvoiobm8p._.js
3.7M .next/cache/turbopack/v16.4.3-29bbeab0/00000022.sst
3.4M .next/cache/turbopack/v16.4.3-29bbeab0/00000012.sst
3.1M .next/cache/turbopack/v16.4.3-29bbeab0/00000006.sst
3.1M .next/cache/turbopack/v16.4.3-29bbeab0/00000002.sst
3.1M .next/cache/turbopack/v16.4.3-29bbeab0/00000001.sst

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

⚡ Lighthouse 성능 감사가 완료되었습니다. 아티팩트에서 상세 리포트를 확인하세요.

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

♿ 접근성 감사가 완료되었습니다. 아티팩트의 a11y-report를 확인하세요.

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

🔍 CodeQL 보안 분석이 완료되었습니다. 세부 검출 결과는 리포지토리의 Security 탭을 확인하세요.

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

📊 테스트 커버리지 리포트

테스트 커버리지 요약

사용 가능한 커버리지 데이터가 없습니다.

@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

✅ E2E 테스트가 완료되었습니다. 아티팩트에서 Playwright 리포트를 확인하세요.

@SHcommit
SHcommit merged commit 602e4af into develop Nov 9, 2026
20 checks passed
@SHcommit
SHcommit deleted the fix/mobile-gutter-consistency branch November 9, 2026 04:58
@SHcommit SHcommit mentioned this pull request Nov 9, 2026
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.

1 participant