nbnloper / edupay-admin star
Forked from ldu0009 / edupay-admin
임동욱 임동욱 08-13
fix: image 모드 파일선택 버튼이 칸 끝까지 늘어나던 문제 
세로 배치의 교차정렬이 기본값 stretch라 버튼이 오른쪽 칸 폭(567px)만큼
늘어났다. 시안(txt-area)은 items-start이고 버튼은 shrink-0이다.

- align-items: flex-start 추가 — 버튼이 글자만큼만 차지한다
- 설명에 inline-size: 100% — 시안 min-w-full대로 폭을 채운다

Co-Authored-By: Claude Opus 5
@6918d4fd83cb2554e385156daddcd4bfbd5395f0
6f03051
6918d4f
@fox/styles/_fox-file-upload.scss
--- @fox/styles/_fox-file-upload.scss
+++ @fox/styles/_fox-file-upload.scss
@@ -150,14 +150,22 @@
 
     transform: translate(-50%, -50%);
 
   }
 
 
+  // 버튼은 글자만큼만 차지한다(시안 items-start). 세로 정렬을 stretch로 두면 버튼이
 
+  // 칸 끝까지 늘어난다.
 
   &__image-side {
 
     display: flex;
 
     flex: 1 0 0;
 
     flex-direction: column;
 
+    align-items: flex-start;
 
     gap: fox.gap(4);
 
     min-inline-size: 0;
 
   }
 
 
+  // 설명만 폭을 채운다(시안 min-w-full) — 위 정렬 때문에 그냥 두면 글자만큼만 남는다.
 
+  &__image-side &__description {
 
+    inline-size: 100%;
 
+  }
 
+
 
   // ── 목록 ──────────────────────────────────────────────────────────────────
 
   // 줄이 많아지면 상자 안에서만 스크롤한다.
 
   // `<ul>`이라 브라우저 기본 여백·글머리표를 먼저 지운다 — 안 지우면 왼쪽에 40px이 붙는다.
Add a comment
List