Skip to content

fix(layout): 헤더 오프셋 처리를 root layout으로 통일 - #112

Merged
lnu8926-web merged 1 commit into
mainfrom
fix/layout-ux
May 13, 2026
Merged

fix(layout): 헤더 오프셋 처리를 root layout으로 통일#112
lnu8926-web merged 1 commit into
mainfrom
fix/layout-ux

Conversation

@lnu8926-web

Copy link
Copy Markdown
Owner

관련 이슈

closes #98

변경 내용

Headerfixed 포지션이라 DOM 흐름에서 공간을 차지하지 않는 문제를 각 페이지가 제각각 처리하던 것을 root layout 한 곳에서 통일했습니다.

수정 전

페이지 오프셋 처리
홈 / 로그인 Container py-25(100px)로 암묵적 흡수
Workspace pt-16 직접 선언

수정 후

root layout의 content div에 pt-16을 추가해 모든 페이지가 동일한 오프셋 기준을 가집니다.

변경 파일

  • src/app/layout.tsx — content div에 pt-16 추가
  • src/components/shared/Container.tsxpy-25pb-25 pt-6 (상단 중복 제거, 하단 유지)
  • src/app/(main)/project/workspace/[id]/page.tsx — 로딩/메인 div의 pt-16 제거

테스트 체크리스트

  • 홈 페이지에서 헤더와 컨텐츠가 겹치지 않는 것 확인
  • 로그인 페이지에서 헤더와 컨텐츠가 겹치지 않는 것 확인
  • Workspace(칸반/캘린더)에서 헤더와 컨텐츠가 겹치지 않는 것 확인
  • 헤더 높이 변경 시 모든 페이지 일괄 대응 확인

🤖 Generated with Claude Code

- layout.tsx content div에 pt-16 추가로 단일 오프셋 처리
- Container의 py-25를 pb-25 pt-6으로 분리해 상단 중복 제거
- workspace 페이지 로딩/메인 div의 pt-16 제거

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@lnu8926-web
lnu8926-web merged commit ab5215c into main May 13, 2026
1 of 3 checks passed
@lnu8926-web
lnu8926-web deleted the fix/layout-ux branch May 13, 2026 08:26
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.

[layout] Header 오프셋 처리 불일치 — 페이지별 상단 여백 통일

1 participant