From dfbc07767915a35d3360af3491eaecb45ea47962 Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Thu, 9 Jul 2026 16:55:28 +0900
Subject: [PATCH] Compress admin sidebar and dashboard

---
 src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml | 30 ++++++-------
 src/TaxBaik.Web/wwwroot/css/admin.css        | 47 +++++++++++++++-----
 2 files changed, 52 insertions(+), 25 deletions(-)

diff --git a/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml b/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml
index d24e64b..a4bf750 100644
--- a/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml
+++ b/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml
@@ -5,25 +5,25 @@
 }
 
 <section class="admin-page-shell">
-    <div class="page-header d-print-none mb-4">
-        <div class="row align-items-center">
+    <div class="page-header d-print-none admin-dashboard-header">
+        <div class="row align-items-center g-2">
             <div class="col">
-                <div class="page-pretitle">TaxBaik Admin</div>
-                <h2 class="page-title">대시보드</h2>
-                <p class="text-muted mb-0">관리자 업무 흐름의 시작점입니다.</p>
+                <div class="page-pretitle admin-page-header-eyebrow">TaxBaik Admin</div>
+                <h2 class="page-title admin-page-header-title">대시보드</h2>
+                <p class="text-muted mb-0 admin-page-header-subtitle">관리자 업무 흐름의 시작점입니다.</p>
             </div>
             <div class="col-auto ms-auto">
-                <div class="text-end small text-muted">
-                    <div>로그인 사용자</div>
+                <div class="admin-dashboard-user">
+                    <div class="text-muted small">로그인 사용자</div>
                     <div class="fw-semibold text-body">@User.Identity?.Name</div>
                 </div>
             </div>
         </div>
     </div>
 
-    <div class="row row-deck row-cards g-3 mb-4">
+    <div class="row row-deck row-cards g-2 mb-3 admin-dashboard-metrics">
         <div class="col-md-6 col-xl-3">
-            <div class="card card-sm">
+            <div class="card card-sm admin-metric-card">
                 <div class="card-body">
                     <div class="text-muted small text-uppercase mb-1">고객 관리</div>
                     <div class="d-flex align-items-center justify-content-between gap-3">
@@ -37,7 +37,7 @@
             </div>
         </div>
         <div class="col-md-6 col-xl-3">
-            <div class="card card-sm">
+            <div class="card card-sm admin-metric-card">
                 <div class="card-body">
                     <div class="text-muted small text-uppercase mb-1">DB 관리</div>
                     <div class="d-flex align-items-center justify-content-between gap-3">
@@ -51,7 +51,7 @@
             </div>
         </div>
         <div class="col-md-6 col-xl-3">
-            <div class="card card-sm">
+            <div class="card card-sm admin-metric-card">
                 <div class="card-body">
                     <div class="text-muted small text-uppercase mb-1">인증</div>
                     <div class="d-flex align-items-center justify-content-between gap-3">
@@ -65,7 +65,7 @@
             </div>
         </div>
         <div class="col-md-6 col-xl-3">
-            <div class="card card-sm">
+            <div class="card card-sm admin-metric-card">
                 <div class="card-body">
                     <div class="text-muted small text-uppercase mb-1">콘텐츠</div>
                     <div class="d-flex align-items-center justify-content-between gap-3">
@@ -80,11 +80,11 @@
         </div>
     </div>
 
-    <div class="row row-deck row-cards g-3">
+    <div class="row row-deck row-cards g-2">
         <div class="col-12 col-xl-8">
             <div class="card">
                 <div class="card-header">
-                    <h3 class="card-title">빠른 작업</h3>
+                    <h3 class="card-title mb-0">빠른 작업</h3>
                 </div>
                 <div class="card-body">
                     <div class="list-group list-group-flush">
@@ -107,7 +107,7 @@
         <div class="col-12 col-xl-4">
             <div class="card">
                 <div class="card-header">
-                    <h3 class="card-title">운영 노트</h3>
+                    <h3 class="card-title mb-0">운영 노트</h3>
                 </div>
                 <div class="card-body">
                     <div class="alert alert-info mb-0">
diff --git a/src/TaxBaik.Web/wwwroot/css/admin.css b/src/TaxBaik.Web/wwwroot/css/admin.css
index 4942dd6..1f7ce32 100644
--- a/src/TaxBaik.Web/wwwroot/css/admin.css
+++ b/src/TaxBaik.Web/wwwroot/css/admin.css
@@ -912,7 +912,7 @@ textarea:focus-visible {
 }
 
 .admin-drawer {
-  width: 208px;
+  width: 192px;
   background-color: var(--bg-primary);
   border-right: 1px solid var(--border-color);
   display: flex;
@@ -926,7 +926,7 @@ textarea:focus-visible {
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 8px 10px;
+  padding: 7px 10px;
   border-bottom: 1px solid var(--border-color-light);
 }
 
@@ -934,7 +934,7 @@ textarea:focus-visible {
   display: flex;
   flex-direction: column;
   gap: 2px;
-  padding: 8px 10px 6px;
+  padding: 7px 10px 5px;
   border-bottom: 1px solid var(--border-color-light);
   background: linear-gradient(180deg, rgba(37, 99, 235, 0.04), rgba(255, 255, 255, 0));
 }
@@ -975,14 +975,14 @@ textarea:focus-visible {
 
 .admin-nav .mud-nav-link,
 .admin-nav .mud-nav-group-header {
-  margin: 1px 5px !important;
+  margin: 1px 4px !important;
   border-radius: 6px !important;
   transition: all var(--transition-base) !important;
 }
 
 .admin-nav .mud-nav-link {
-  min-height: 30px;
-  font-size: 0.76rem;
+  min-height: 28px;
+  font-size: 0.75rem;
 }
 
 .admin-nav .mud-nav-link .mud-stack {
@@ -1003,8 +1003,8 @@ textarea:focus-visible {
 }
 
 .admin-nav .mud-nav-group-header {
-  min-height: 30px;
-  font-size: 0.76rem;
+  min-height: 28px;
+  font-size: 0.75rem;
 }
 
 .admin-nav .mud-nav-link:hover {
@@ -1256,12 +1256,39 @@ textarea:focus-visible {
 }
 
 .admin-page-header-title {
-  font-size: 1.35rem;
+  font-size: 1.25rem;
   line-height: 1.15;
 }
 
 .admin-page-header-subtitle {
-  font-size: 0.82rem;
+  font-size: 0.78rem;
+}
+
+.admin-dashboard-header {
+  margin-bottom: 0.5rem !important;
+}
+
+.admin-dashboard-user {
+  text-align: right;
+  line-height: 1.2;
+}
+
+.admin-dashboard-metrics .card-body {
+  padding: 0.95rem;
+}
+
+.admin-metric-card .h4 {
+  font-size: 1rem;
+}
+
+.admin-metric-card p {
+  font-size: 0.78rem;
+}
+
+.admin-metric-card .avatar {
+  width: 2rem;
+  height: 2rem;
+  font-size: 0.75rem;
 }
 
 .blog-editor-header .badge-sm {