From 3429ddc23540730568b2f06234d8074b4494495a Mon Sep 17 00:00:00 2001
From: sb <sb@MacBook-Pro.local>
Date: Tue, 7 Jul 2026 00:03:48 +0900
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=EB=82=B4=EC=97=AD=20=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=20min-width:0=20=E2=80=94=20flex=20=EC=95=84=EC=9D=B4?=
 =?UTF-8?q?=ED=85=9C=EC=9D=B4=20=EB=82=B4=EC=9A=A9=EB=AC=BC=EB=A7=8C?=
 =?UTF-8?q?=ED=81=BC=20=EC=BB=A4=EC=A0=B8=20=EB=84=98=EC=B9=98=EB=8D=98=20?=
 =?UTF-8?q?=EA=B7=BC=EB=B3=B8=20=EC=9B=90=EC=9D=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

backdrop(flex)의 모달 아이템 기본 min-width:auto 가 넓은 그리드만큼 모달을 뷰포트보다
넓혔음. 모달 min-width:0 으로 고정(+칩 min-width:0, overflow-x:hidden 조합)으로 가로 오버플로우 해결.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/views/account/AccountView.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/views/account/AccountView.vue b/src/views/account/AccountView.vue
index 0106e3d..f342ccf 100644
--- a/src/views/account/AccountView.vue
+++ b/src/views/account/AccountView.vue
@@ -1873,6 +1873,8 @@ button.primary {
   position: relative;
   width: 100%;
   max-width: 360px;
+  /* backdrop 이 flex 라 모달(flex 아이템) 기본 min-width:auto 가 내용물만큼 모달을 뷰포트보다 넓힘 → 0 으로 고정 */
+  min-width: 0;
   /* 폼이 길어도 모달 안에서 스크롤되도록 + 하단 소프트키/제스처바 안전영역 확보 */
   max-height: calc(100vh - 2rem);
   overflow-y: auto;