style(control-center): Scene 스크롤바 숨김 처리 및 UI 가이드 문서 반영

맥락:
- QuickControls Scene 가로 캐러셀의 브라우저 스크롤바 노출이 감성 톤을 해치고 있었습니다.

변경사항:
- 전역 스타일에 scrollbar-none 유틸을 추가해 크로스브라우저 스크롤바 숨김 규칙을 정의했습니다.
- Control Center Scene 캐러셀에 scrollbar-none 클래스를 적용했습니다.
- 요청에 따라 docs/01_ui_guidelines.md 현재 변경분을 함께 커밋했습니다.

검증:
- npx tsc --noEmit

세션-상태: QuickControls Scene 영역에서 스크롤은 유지되고 스크롤바는 노출되지 않습니다.
세션-다음: 다음 work.md 항목에 맞춰 구현을 이어갑니다.
세션-리스크: docs/work.md는 사용자 수정 상태로 워크트리에 남아 있습니다.
This commit is contained in:
2026-03-05 12:37:01 +09:00
parent c9817f518e
commit a4f6a119aa
3 changed files with 105 additions and 1 deletions

View File

@@ -74,7 +74,7 @@ export const ControlCenterSheetWidget = ({
<SectionTitle title="Scene" description={selectedRoom?.name ?? '공간'} />
<div
className={cn(
'-mx-1 flex gap-2.5 overflow-x-auto px-1 pb-1.5 snap-x snap-mandatory',
'-mx-1 flex gap-2.5 overflow-x-auto px-1 pb-1.5 snap-x snap-mandatory scrollbar-none',
reducedMotion ? '' : 'scroll-smooth',
)}
style={{ scrollBehavior: reducedMotion ? 'auto' : 'smooth' }}