Polish admin dashboard for Tabler demo style

This commit is contained in:
2026-07-09 13:38:38 +09:00
parent 7e2e139d8d
commit 57ba5fd108
+94 -21
View File
@@ -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>