From e0d92a3a28f87e1dd9867a6312af9d0a1f50a0db Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Tue, 14 Apr 2026 09:33:14 +0900
Subject: [PATCH] =?UTF-8?q?fix(dashboard):=20=EC=B9=B4=EB=93=9C=20?=
 =?UTF-8?q?=EA=B7=A0=EB=93=B1=20=EB=B9=84=EC=9C=A8=20+=20=EB=AA=A8?=
 =?UTF-8?q?=EB=B0=94=EC=9D=BC=203=EC=97=B4=C3=972=ED=96=89=20=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=EC=95=84=EC=9B=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

모바일 3열×2행, 데스크탑 6열×1행. 텍스트 중앙 정렬,
보조 텍스트 높이 통일 (투명 placeholder), 카드 크기 균등.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/routes/+page.svelte | 62 ++++++++++++++++----------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 3b6605d..b64cb89 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -176,58 +176,60 @@
     {:else if summary}
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-4">
         <!-- ─── 행 1: 카테고리별 카운트 ─── -->
-        <!-- 모바일 2열×3행 / md 3열×2행 / lg 6열×1행 -->
-        <div class="col-span-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3">
+        <!-- 모바일 3열×2행 / lg 6열×1행, 균등 분할 -->
+        <div class="col-span-full grid grid-cols-3 lg:grid-cols-6 gap-3">
           <a href="/documents" class="block">
-            <Card interactive class="h-full">
-              <p class="text-xs text-dim flex items-center gap-1"><FileText size={12} /> 문서함</p>
-              <p class="text-2xl font-bold mt-1 text-text">{(summary.documents_count ?? 0).toLocaleString()}</p>
-              {#if summary.today_added > 0}
-                <p class="text-[11px] text-accent mt-0.5">+{summary.today_added} 오늘</p>
-              {/if}
+            <Card interactive class="h-full text-center">
+              <p class="text-[11px] text-dim flex items-center justify-center gap-1"><FileText size={11} /> 문서함</p>
+              <p class="text-xl font-bold mt-1 text-text">{(summary.documents_count ?? 0).toLocaleString()}</p>
+              <p class="text-[10px] mt-0.5 {summary.today_added > 0 ? 'text-accent' : 'text-transparent'}">
+                {summary.today_added > 0 ? `+${summary.today_added} 오늘` : '-'}
+              </p>
             </Card>
           </a>
 
           <a href="/memos" class="block">
-            <Card interactive class="h-full">
-              <p class="text-xs text-dim flex items-center gap-1"><StickyNote size={12} /> 메모</p>
-              <p class="text-2xl font-bold mt-1 text-text">{(summary.memos_count ?? 0).toLocaleString()}</p>
+            <Card interactive class="h-full text-center">
+              <p class="text-[11px] text-dim flex items-center justify-center gap-1"><StickyNote size={11} /> 메모</p>
+              <p class="text-xl font-bold mt-1 text-text">{(summary.memos_count ?? 0).toLocaleString()}</p>
+              <p class="text-[10px] text-transparent mt-0.5">-</p>
             </Card>
           </a>
 
           <a href="/news" class="block">
-            <Card interactive class="h-full">
-              <p class="text-xs text-dim flex items-center gap-1"><Newspaper size={12} /> 뉴스</p>
-              <p class="text-2xl font-bold mt-1 text-text">{(summary.news_count ?? 0).toLocaleString()}</p>
+            <Card interactive class="h-full text-center">
+              <p class="text-[11px] text-dim flex items-center justify-center gap-1"><Newspaper size={11} /> 뉴스</p>
+              <p class="text-xl font-bold mt-1 text-text">{(summary.news_count ?? 0).toLocaleString()}</p>
+              <p class="text-[10px] text-transparent mt-0.5">-</p>
             </Card>
           </a>
 
           <a href="/inbox" class="block">
-            <Card interactive class="h-full">
-              <p class="text-xs text-dim flex items-center gap-1"><Inbox size={12} /> 승인 대기</p>
-              <p class="text-2xl font-bold mt-1 {summary.inbox_count > 0 ? 'text-warning' : 'text-text'}">{summary.inbox_count}</p>
-              {#if summary.inbox_count > 0}
-                <p class="text-[11px] text-accent mt-0.5">분류하기 →</p>
-              {/if}
+            <Card interactive class="h-full text-center">
+              <p class="text-[11px] text-dim flex items-center justify-center gap-1"><Inbox size={11} /> 승인 대기</p>
+              <p class="text-xl font-bold mt-1 {summary.inbox_count > 0 ? 'text-warning' : 'text-text'}">{summary.inbox_count}</p>
+              <p class="text-[10px] mt-0.5 {summary.inbox_count > 0 ? 'text-accent' : 'text-transparent'}">
+                {summary.inbox_count > 0 ? '분류하기 →' : '-'}
+              </p>
             </Card>
           </a>
 
           <div>
-            <Card class="h-full">
-              <p class="text-xs text-dim flex items-center gap-1"><Scale size={12} /> 법령 알림</p>
-              <p class="text-2xl font-bold mt-1 text-text">{summary.law_alerts}</p>
-              {#if summary.law_alerts > 0}
-                <p class="text-[11px] text-dim mt-0.5">오늘 변경</p>
-              {/if}
+            <Card class="h-full text-center">
+              <p class="text-[11px] text-dim flex items-center justify-center gap-1"><Scale size={11} /> 법령 알림</p>
+              <p class="text-xl font-bold mt-1 text-text">{summary.law_alerts}</p>
+              <p class="text-[10px] mt-0.5 {summary.law_alerts > 0 ? 'text-dim' : 'text-transparent'}">
+                {summary.law_alerts > 0 ? '오늘 변경' : '-'}
+              </p>
             </Card>
           </div>
 
           <div>
-            <Card class="h-full">
-              <p class="text-xs text-dim flex items-center gap-1"><Activity size={12} /> 시스템</p>
+            <Card class="h-full text-center">
+              <p class="text-[11px] text-dim flex items-center justify-center gap-1"><Activity size={11} /> 시스템</p>
               {#if systemView}
-                <p class="text-2xl font-bold mt-1 {TONE_TEXT[systemView.tone]}">{systemView.label}</p>
-                <p class="text-[11px] text-dim mt-0.5">{systemView.sub}</p>
+                <p class="text-xl font-bold mt-1 {TONE_TEXT[systemView.tone]}">{systemView.label}</p>
+                <p class="text-[10px] text-dim mt-0.5">{systemView.sub}</p>
               {/if}
             </Card>
           </div>