From 57ba5fd10840f90c34a5d61ce73b78e4a629dc6f Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Thu, 9 Jul 2026 13:38:38 +0900
Subject: [PATCH] Polish admin dashboard for Tabler demo style

---
 src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml | 115 +++++++++++++++----
 1 file changed, 94 insertions(+), 21 deletions(-)

diff --git a/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml b/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml
index c9f2192..9baf94f 100644
--- a/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml
+++ b/src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml
@@ -4,44 +4,117 @@
     ViewData["Title"] = "대시보드";
 }
 
-<section class="container py-5">
-    <div class="d-flex flex-wrap justify-content-between align-items-end gap-3 mb-4">
-        <div>
-            <p class="text-uppercase text-muted small mb-2">TaxBaik Admin</p>
-            <h1 class="h2 fw-bold mb-1">대시보드</h1>
-            <p class="text-muted mb-0">관리자 업무 흐름의 시작점입니다.</p>
+<section class="admin-page-shell">
+    <div class="page-header d-print-none mb-4">
+        <div class="row align-items-center">
+            <div class="col">
+                <div class="page-pretitle">TaxBaik Admin</div>
+                <h2 class="page-title">대시보드</h2>
+                <p class="text-muted mb-0">관리자 업무 흐름의 시작점입니다.</p>
+            </div>
+            <div class="col-auto ms-auto">
+                <div class="text-end small text-muted">
+                    <div>로그인 사용자</div>
+                    <div class="fw-semibold text-body">@User.Identity?.Name</div>
+                </div>
+            </div>
         </div>
-        <div class="text-muted small">로그인 사용자: @User.Identity?.Name</div>
     </div>
 
-    <div class="row g-3">
-        <div class="col-md-4">
-            <div class="card shadow-sm border-0 h-100">
+    <div class="row row-deck row-cards g-3 mb-4">
+        <div class="col-md-6 col-xl-3">
+            <div class="card card-sm">
                 <div class="card-body">
                     <div class="text-muted small text-uppercase mb-1">고객 관리</div>
-                    <h2 class="h5 mb-2">고객 목록</h2>
-                    <p class="text-muted mb-0">검색, 상세, 등록, 수정, 삭제 흐름을 이곳에서 정리합니다.</p>
+                    <div class="d-flex align-items-center justify-content-between gap-3">
+                        <div>
+                            <h2 class="h4 mb-1">고객 목록</h2>
+                            <p class="text-muted mb-0">검색/상세/수정/삭제</p>
+                        </div>
+                        <span class="avatar avatar-rounded bg-primary-lt text-primary">01</span>
+                    </div>
                 </div>
             </div>
         </div>
-        <div class="col-md-4">
-            <div class="card shadow-sm border-0 h-100">
+        <div class="col-md-6 col-xl-3">
+            <div class="card card-sm">
                 <div class="card-body">
                     <div class="text-muted small text-uppercase mb-1">DB 관리</div>
-                    <h2 class="h5 mb-2">Flyway migration</h2>
-                    <p class="text-muted mb-0">모든 스키마 변경은 SQL migration으로 추적합니다.</p>
+                    <div class="d-flex align-items-center justify-content-between gap-3">
+                        <div>
+                            <h2 class="h4 mb-1">Flyway</h2>
+                            <p class="text-muted mb-0">SQL migration 추적</p>
+                        </div>
+                        <span class="avatar avatar-rounded bg-indigo-lt text-indigo">02</span>
+                    </div>
                 </div>
             </div>
         </div>
-        <div class="col-md-4">
-            <div class="card shadow-sm border-0 h-100">
+        <div class="col-md-6 col-xl-3">
+            <div class="card card-sm">
                 <div class="card-body">
                     <div class="text-muted small text-uppercase mb-1">인증</div>
-                    <h2 class="h5 mb-2">Cookie Authentication</h2>
-                    <p class="text-muted mb-0">JWT 대신 서버 쿠키로 관리자 세션을 유지합니다.</p>
+                    <div class="d-flex align-items-center justify-content-between gap-3">
+                        <div>
+                            <h2 class="h4 mb-1">Cookie Auth</h2>
+                            <p class="text-muted mb-0">서버 세션 유지</p>
+                        </div>
+                        <span class="avatar avatar-rounded bg-green-lt text-green">03</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-6 col-xl-3">
+            <div class="card card-sm">
+                <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">
+                        <div>
+                            <h2 class="h4 mb-1">블로그 편집</h2>
+                            <p class="text-muted mb-0">에디터 + 미리보기</p>
+                        </div>
+                        <span class="avatar avatar-rounded bg-yellow-lt text-yellow">04</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row row-deck row-cards g-3">
+        <div class="col-12 col-xl-8">
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">빠른 작업</h3>
+                </div>
+                <div class="card-body">
+                    <div class="list-group list-group-flush">
+                        <a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center" href="/admin/customers">
+                            <span>고객 목록으로 이동</span>
+                            <span class="text-muted">관리</span>
+                        </a>
+                        <a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center" href="/admin/blog">
+                            <span>블로그 글 작성</span>
+                            <span class="text-muted">에디터</span>
+                        </a>
+                        <a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center" href="/admin/inquiries">
+                            <span>문의 처리</span>
+                            <span class="text-muted">업무</span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-12 col-xl-4">
+            <div class="card">
+                <div class="card-header">
+                    <h3 class="card-title">운영 노트</h3>
+                </div>
+                <div class="card-body">
+                    <div class="alert alert-info mb-0">
+                        Razor Pages, Dapper, Flyway, Cookie Auth, Tabler 기준으로 서버 렌더링 중심의 어드민을 유지합니다.
+                    </div>
                 </div>
             </div>
         </div>
     </div>
 </section>
-