style(storybook): narrow LNB to 180px and shorten menu labels

- Manager sidebar navSize / recentVisibleSizes 246px -> 180px
- Menu labels: 화면 너비 대응 -> 화면 너비 (SW Header / Viewer / Step Header / Footer),
  날짜 선택기 -> 날짜 선택, 여러 줄 입력창 -> 텍스트 영역
- Story IDs, hierarchy and order unchanged
This commit is contained in:
shkim4 committed 2026-11-12 17:11:47 +09:00
1 parent 65cc256cfd
commit e8c16f5292
1 file changed
+10 -9
+10 -9
View File
@@ -41,7 +41,7 @@ const koreanLabels = {
'components-feedback': '알림·피드백',
'components-form-button': '버튼',
'components-form-input': '입력창',
'components-form-textarea': '여러 줄 입력창',
'components-form-textarea': '텍스트 영역',
'components-form-select': '선택 목록',
'components-form-checkbox': '체크박스',
'components-form-radio-group': '라디오 버튼',
@@ -78,7 +78,7 @@ const koreanLabels = {
'components-search-date-command': '명령어 검색',
'components-search-date-combobox': '콤보박스',
'components-search-date-calendar': '달력',
'components-search-date-date-picker': '날짜 선택기',
'components-search-date-date-picker': '날짜 선택',
'components-feedback-alert': '알림 메시지',
'components-feedback-sonner': '토스트 알림',
patterns: 'UI 패턴',
@@ -102,10 +102,10 @@ const koreanLabels = {
sw: 'SW UI',
'sw-header': '헤더',
'sw-header--overview': 'SW 헤더',
'sw-header--responsive-more': '화면 너비 대응',
'sw-viewer--responsive': '화면 너비 대응',
'sw-step-header--responsive': '화면 너비 대응',
'sw-footer--responsive': '화면 너비 대응',
'sw-header--responsive-more': '화면 너비',
'sw-viewer--responsive': '화면 너비',
'sw-step-header--responsive': '화면 너비',
'sw-footer--responsive': '화면 너비',
'sw-viewer': '뷰어',
'sw-viewer--viewer-header': '뷰어 헤더',
'sw-step-header': '단계별',
@@ -124,9 +124,10 @@ addons.setConfig({
layout: {
showPanel: false,
showToolbar: false,
// LNB width 246px. recentVisibleSizes keeps the same width when the sidebar is collapsed and expanded again.
navSize: 246,
recentVisibleSizes: { navSize: 246 },
// LNB width 180px (2026-11-12, was 246px). recentVisibleSizes keeps the same width when the sidebar is collapsed and expanded again.
// Storybook snaps a manual drag below 240px back to 240px; the initial and re-expanded width stays 180px.
navSize: 180,
recentVisibleSizes: { navSize: 180 },
},
theme: create({
base: 'light',