nbnloper / edupay-admin star
Forked from ldu0009 / edupay-admin
임동욱 임동욱 08-18
fix: 모달 아래쪽 버튼에 시안의 최소 폭 적용 
시안은 버튼이 80×40인데 51×40으로 나왔다. 최소 폭 80px이 빠져 있었다.

btn 컴포넌트 세트 전체를 뒤져 보니 최소 폭 표기가 한 건도 없다 — 버튼 자체의 성질이
아니라 모달 아래쪽 자리의 규칙이다. 그래서 FoxButton이 아니라 모달 쪽에 준다. 글자가
짧아도 두 버튼의 폭이 같아 보이게 하려는 값이다.

검증: 버튼 80×40 · 묶음 168 · 오른쪽 끝이 내용 영역과 맞는다(시안과 동일).

Co-Authored-By: Claude Opus 5
@8d482b308fb3e894ad15b02943899786912e4e2b
c3b8364
8d482b3
@fox/styles/_fox-modal.scss
--- @fox/styles/_fox-modal.scss
+++ @fox/styles/_fox-modal.scss
@@ -25,6 +25,7 @@
 
 // 글줄과 눈높이가 맞는다. 상자 테두리 위에 얹히도록 1px 밖으로 내민다.
 
 //
 
 // 토큰이 아닌 값:
 
+//   - 아래쪽 버튼의 최소 폭 8rem: 시안 값이나 Figma가 변수로 export하지 않는다(사용자 승인).
 
 //   - 그림자 색: 시안이 테마 토큰이 아니라 `alpha/black10` 원시값에 직접 물려 놓았다
 
 //     (fox-carousel-button과 같은 사정).
 
 //   - 뒷배경을 덮는 방식(`::backdrop`)과 가운데 정렬: 구조 규칙.
@@ -157,6 +158,13 @@
 
     margin-inline-start: auto;
 
   }
 
 
+  // 시안에서 모달 버튼은 최소 8rem이다 — 글자가 짧아도 두 버튼의 폭이 같아 보이게 한다.
 
+  // 버튼 자체의 성질이 아니라 이 자리의 규칙이라 여기서 준다(btn 컴포넌트 세트에는
 
+  // 최소 폭 표기가 없다).
 
+  &__actions .fox-button {
 
+    min-inline-size: 8rem;
 
+  }
 
+
 
   // ── 닫기 ──────────────────────────────────────────────────────────────────
 
   // 시안대로 아이콘을 칸 아래쪽에 붙여 제목 글줄과 눈높이를 맞춘다.
 
   &__close {
Add a comment
List