From 85f94ba4f284d8c3ad902d0c2918f3e733359b05 Mon Sep 17 00:00:00 2001
From: unknown <acs@itcenter.local>
Date: Mon, 20 Jul 2026 18:30:11 +0900
Subject: [PATCH] feat: show approved count on dashboard

---
 frontend/src/pages/DashboardPage.tsx | 1 +
 frontend/src/styles/common.css       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx
index 79a14f6..826599f 100644
--- a/frontend/src/pages/DashboardPage.tsx
+++ b/frontend/src/pages/DashboardPage.tsx
@@ -55,6 +55,7 @@ export const DashboardPage: React.FC = () => {
         <StatCard label="오늘 출입 예정" value={stats?.todayVisits ?? 0} accent="blue" />
         <StatCard label="현재 재실" value={stats?.currentlyInside ?? 0} accent="green" />
         <StatCard label="승인 대기" value={stats?.pending ?? 0} accent="amber" />
+        <StatCard label="승인완료" value={stats?.approved ?? 0} accent="green" />
         <StatCard label="전체 신청" value={stats?.total ?? 0} accent="gray" />
       </div>
 
diff --git a/frontend/src/styles/common.css b/frontend/src/styles/common.css
index dc96570..06513c5 100644
--- a/frontend/src/styles/common.css
+++ b/frontend/src/styles/common.css
@@ -316,7 +316,7 @@ button:disabled { opacity: .55; cursor: not-allowed; }
 .action-cell { display: flex; gap: 8px; }
 
 /* ===== Stats ===== */
-.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 20px; }
+.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; margin-bottom: 20px; }
 .stat-card {
   background: var(--surface); border: 1px solid var(--border);
   border-radius: 12px; padding: 18px 20px;