Skip to content

docs: 모바일 반응형 대응#151

Merged
zeakd merged 1 commit intomainfrom
feat/mobile-responsive
Mar 20, 2026
Merged

docs: 모바일 반응형 대응#151
zeakd merged 1 commit intomainfrom
feat/mobile-responsive

Conversation

@zeakd
Copy link
Copy Markdown
Owner

@zeakd zeakd commented Mar 20, 2026

Summary

  • 768px 이하에서 사이드바를 오프캔버스(슬라이드인) 방식으로 전환, 햄버거 버튼 토글
  • 메인 콘텐츠 패딩 축소 (2rem 3rem1.5rem 1rem)
  • Props 테이블에 overflow-x: auto 래퍼 추가 (가로 스크롤)
  • 예제 블록 프리뷰/코드 패딩 축소

Changed files

  • website/src/layouts/DocsLayout.astro — 레이아웃, 햄버거 버튼, 미디어 쿼리
  • packages/astro-component-docs/src/components/PropsTable.astro — 스크롤 래퍼, 모바일 패딩
  • packages/astro-component-docs/src/components/Example.astro — 모바일 패딩

Test plan

  • 데스크톱(1440px+)에서 기존과 동일한지 확인
  • 768px 이하에서 햄버거 버튼 표시, 사이드바 슬라이드인/아웃 동작
  • 오버레이 클릭 시 사이드바 닫힘
  • 모바일에서 Props 테이블 가로 스크롤 동작
  • 모바일에서 예제 블록 패딩 적절한지 확인

768px 이하에서 사이드바 오프캔버스 전환, 콘텐츠 패딩 축소,
Props 테이블 가로 스크롤, 예제 블록 패딩 조정
@zeakd zeakd merged commit cfeb2dc into main Mar 20, 2026
1 check failed
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