# SW Viewer — 파일 열기 아이콘 16px · 여백 (2026-10-21) 사용자 요청으로 SW Viewer Header 파일 열기 버튼을 수정했습니다. CSS와 문서만 바꿨고 Props·Export·공개 `.d.ts`는 그대로입니다. ## 1. 변경 | 항목 | 값 | |---|---| | 작업 Commit | `0840d76` (브랜치 `fix/sw-viewer-open-icon-16`) | | main 병합 | `65bc134` → `f340a26` (no-ff) | | 승인 기준 Commit | 이 보고서와 같은 테스트 전용 Commit (`approvedMainCommit` `6b6f17c` → `f340a26`) | - `.hm-sw-viewer-header__open-icon`: 아이콘 영역 = 16 × 16(`--hm-sw-viewer-icon-size`), 여백 0. 검정 아이콘 외곽선(`SWViewerIcon`) 유지. - `.hm-sw-viewer-header .hm-sw-viewer-header__open`: `padding: 0 12px 0 24px`. - `--hm-sw-viewer-button-height`: 34px → 16px(사용자 변경, `DESIGN_RULES.md` 토큰 표 함께 변경). 이 토큰을 쓰는 Header 버튼(예: 전체 보기)의 높이도 16px입니다. ## 2. 검증 (Node 22.23.2, `npm run build-storybook` 후, 증거는 저장소 밖 임시 폴더) | 검사 | 결과 | |---|---| | 파일 열기 실측(1440 / 950 / 760) | 버튼 119.9 / 53 / 53 × 50, 아이콘 영역 16 × 16(버튼 왼쪽에서 24px, 세로 가운데), 1440 라벨 x 323, 파일명 면 높이 50 | | `check:ai-docs` · `ai-docs.check.mjs` · Public API Guard | PASS · 46/46 · 7/7 | | home-menu-integration · overview / overlays · Source Guard | 23/23 · 53/53, 20/20 · 94/94 PASS |