fix(frontend): add min-w-0 to flex chain for mobile card overflow

flex 체인에서 min-width: auto 기본값이 카드 shrink를 막아
모바일에서 콘텐츠가 뷰포트를 초과하던 문제 수정.
- +page.svelte line 418: flex-1 → flex-1 min-w-0
- +page.svelte line 693: overflow-x-hidden 추가
- DocumentCard.svelte: button에 min-w-0 추가

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-04-13 15:54:58 +09:00
parent 7fb093884a
commit 33ce4292ca
2 changed files with 3 additions and 3 deletions
@@ -98,7 +98,7 @@
type="button"
onclick={handleClick}
aria-label={doc.title || '문서 선택'}
class="flex items-stretch w-full text-left"
class="flex items-stretch w-full min-w-0 text-left"
>
<!-- domain 색상 바 -->
<div class="w-1 shrink-0 rounded-l-lg" style="background: {domainColor}"></div>
+2 -2
View File
@@ -415,7 +415,7 @@
<div class="flex h-full">
<!-- 가운데: 기존 list + viewer 세로 split (변경 없음) -->
<div class="flex-1 flex flex-col min-h-0">
<div class="flex-1 min-w-0 flex flex-col min-h-0">
<!-- 상단 영역 -->
<div class="{selectedDoc ? 'h-[30%] shrink-0 border-b border-[var(--border)]' : 'flex-1'} flex flex-col min-h-0">
<!-- 업로드 드롭존 -->
@@ -690,7 +690,7 @@
{/if}
<!-- 스크롤 영역 (목록) -->
<div class="flex-1 overflow-y-auto px-4">
<div class="flex-1 overflow-y-auto overflow-x-hidden px-4">
<!-- 결과 헤더 — 카운트만. 필터는 위의 칩 row가 표시. -->
{#if !loading}
<div class="flex items-center mb-2">