Skip to content

feat(group): 그룹 상세 페이지 헤더 고정 - #50

Merged
bsy1141 merged 2 commits into
mainfrom
feature/wip
Aug 1, 2026
Merged

feat(group): 그룹 상세 페이지 헤더 고정#50
bsy1141 merged 2 commits into
mainfrom
feature/wip

Conversation

@bsy1141

@bsy1141 bsy1141 commented Aug 1, 2026

Copy link
Copy Markdown
Contributor

0. 링크

1. 요약

  • 그룹 상세 페이지에서 스크롤 시 헤더가 함께 밀려 올라가던 것을 고쳐, 헤더와 그룹 정보 영역(그룹명·색·Places 뱃지·편집 버튼·소유자 닉네임)이 상단에 고정되도록 변경

2. 작업 내용

  • sticky가 아닌 fixed 패턴 사용 — 앱 셸(AppProviders)이 overflow-hidden이라 position: sticky는 기준 스크롤포트가 스크롤되지 않는 셸로 잡혀 동작하지 않음. 대신 셸의 will-change-transformfixed의 containing block을 셸(450px)로 잡아주는 것을 이용해, 페이지를 fixed inset-0 컨테이너로 셸에 붙임 (GroupFormPage와 같은 패턴, 코드 주석으로 근거 기록)
  • 고정/스크롤 영역 분리 — 헤더와 그룹 정보 블록은 스크롤 영역 밖에 두고, 게시물 그리드(+무한 스크롤 sentinel)만 내부 overflow-y-auto 영역에서 스크롤
  • safe-area 상단 패딩은 고정 컨테이너가, 하단 패딩은 스크롤 영역이 갖도록 정리. 그룹 못 찾은 화면(빈 상태)에도 동일 구조 적용

🤖 Generated with Claude Code

@vercel

vercel Bot commented Aug 1, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
nook-client-web Ready Ready Preview Aug 1, 2026 3:39am

@bsy1141 bsy1141 self-assigned this Aug 1, 2026
@bsy1141
bsy1141 merged commit e40e4a2 into main Aug 1, 2026
4 checks passed
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