kjh2064/taxbaik
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Compress admin sidebar and dashboard
TaxBaik CI/CD / build-and-deploy (push) Successful in 56s
Details

Browse Source
This commit is contained in:
김재현
2026-07-09 16:55:28 +09:00
parent 5e1ebd8448
commit dfbc077679
2 changed files with 52 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/TaxBaik.Web/Pages/Admin/Dashboard.cshtml
+15 -15
View File
@@ -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">
src/TaxBaik.Web/wwwroot/css/admin.css
+37 -10
View File
@@ -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 {