Skip to content

Fix/community UI fix: 커뮤니티 화면 헤더·카테고리·섹션 UI 정리 - #52

Merged
sususuj merged 2 commits into
feat/schedule-creation-page-api-integrationfrom
fix/community-ui
Sep 21, 2026
Merged

sususuj merged 2 commits into
feat/schedule-creation-page-api-integrationfrom
fix/community-ui

Conversation

@sususuj

@sususuj sususuj commented Sep 21, 2026

Copy link
Copy Markdown
Collaborator

변경 사항

커뮤니티 화면 (community/page.tsx)

상단 헤더

  • 페이지 제목 "커뮤니티" 글자 크기를 1.55rem → text-xl로 조정 (프로필 등 다른 화면의 헤더 제목과 동일한 규격)
  • 제목 색상을 #081d43 → #0b2146으로 맞추고, 흰 배경에서 불필요한 drop-shadow 제거
  • 헤더 높이를 h-16(64px) → 4.25rem(68px)로 변경해 홈 화면 헤더와 높이 일치
  • 뒤로가기 아이콘 크기·두께 조정 (28/2.6 → 24/2.3)

카테고리 필터

  • pill 크기 축소 (h-11 → h-8, text-sm → text-xs, px-4 → px-3)
  • 이모지 때문에 글자가 세로 중앙에서 밀리던 문제를 flex items-center + leading-none으로 수정
  • 바깥 pb-2가 안쪽 py-2와 겹쳐 상하 여백이 비대칭이던 문제 수정 (py-2.5로 통일)

인기 후기 / 최신 피드 섹션

  • 좌우 이동 버튼과 보기 전환 버튼 크기 축소
  • 섹션 제목의 세로 위치 미세 조정 (한글 글꼴 특성상 버튼 대비 떠 보이던 부분 보정)
  • 🔥 이모지가 본문 대비 커 보이던 것을 0.97em으로 조정

인기 후기 가로 스크롤 여백 수정

  • snap-mandatory가 첫 카드를 스크롤 영역 시작점에 강제로 붙이면서 padding-left가 화면 밖으로 밀려나던 문제 수정
  • scroll-padding-left를 함께 지정해, 첫 카드가 카테고리 필터·섹션 제목과 같은 선에 정렬되도록 함

내 정보 화면 (profile/page.tsx)

  • 뒤로가기 버튼 규격을 커뮤니티 화면과 동일하게 통일 (size-11/31 → size-10/24)

참고

  • 충돌이 났던 trips/page.tsx는 913238f(일정 페이지 리팩토링)의 내용을 그대로 유지했습니다.

테스트

  • 로컬(npm run dev)에서 커뮤니티·내 정보 화면 확인
  • 첫 카드 좌측 여백이 정상 노출되는지 확인
  • 카테고리 필터 가로 스크롤 및 선택 동작 확인

@vercel

vercel Bot commented Sep 21, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
tour-client Ready Ready Preview Sep 21, 2026 8:47am UTC

@sususuj
sususuj merged commit ea21965 into feat/schedule-creation-page-api-integration Sep 21, 2026
2 checks passed

This branch was successfully deployed

1 active deployment
Preview — 022a9baa Deployed Sep 21, 2026 by vercel[bot]
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