From 3303ba2e968d98f3eed9d128bdaa1d624ca70642 Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Sun, 28 Jun 2026 21:04:08 +0900 Subject: [PATCH] style(admin): compact the admin shell --- TaxBaik.Web/wwwroot/css/admin.css | 77 +++++++++++++++++++------------ 1 file changed, 47 insertions(+), 30 deletions(-) diff --git a/TaxBaik.Web/wwwroot/css/admin.css b/TaxBaik.Web/wwwroot/css/admin.css index 9397269..a9f2718 100644 --- a/TaxBaik.Web/wwwroot/css/admin.css +++ b/TaxBaik.Web/wwwroot/css/admin.css @@ -415,7 +415,7 @@ textarea:focus-visible { display: flex; align-items: center; gap: var(--space-4); - padding: var(--space-3) var(--space-6); + padding: var(--space-2) var(--space-5); background-color: var(--bg-primary); border-bottom: 1px solid var(--border-color); z-index: var(--z-dropdown); @@ -429,21 +429,28 @@ textarea:focus-visible { .admin-topbar-title { display: flex; flex-direction: column; - gap: var(--space-1); + gap: 2px; } .admin-topbar-title span { color: var(--text-primary); } +.admin-topbar-title .mud-typography--h6 { + font-size: 1rem; + line-height: 1.2; + font-weight: var(--font-weight-semibold); +} + .admin-topbar-action { white-space: nowrap; - min-height: 40px; - padding: var(--space-2) var(--space-4); + min-height: 36px; + padding: 6px 12px; + font-size: 0.875rem; } .admin-drawer { - width: 280px; + width: 240px; background-color: var(--bg-primary); border-right: 1px solid var(--border-color); display: flex; @@ -454,7 +461,7 @@ textarea:focus-visible { display: flex; align-items: center; gap: var(--space-3); - padding: var(--space-5) var(--space-4); + padding: var(--space-4) var(--space-3); border-bottom: 1px solid var(--border-color-light); } @@ -473,18 +480,28 @@ textarea:focus-visible { } .admin-nav { - padding: var(--space-4) 0; + padding: var(--space-2) 0; flex: 1; overflow-y: auto; } .admin-nav .mud-nav-link, .admin-nav .mud-nav-group-header { - margin: var(--space-1) var(--space-2) !important; + margin: 2px var(--space-2) !important; border-radius: var(--radius-md) !important; transition: all var(--transition-base) !important; } +.admin-nav .mud-nav-link { + min-height: 40px; + font-size: 0.92rem; +} + +.admin-nav .mud-nav-group-header { + min-height: 40px; + font-size: 0.92rem; +} + .admin-nav .mud-nav-link:hover { background-color: var(--primary-light) !important; } @@ -526,7 +543,7 @@ textarea:focus-visible { } .admin-content { - padding: var(--space-8); + padding: var(--space-6); max-width: 1400px; margin: 0 auto; width: 100%; @@ -541,8 +558,8 @@ textarea:focus-visible { justify-content: space-between; align-items: center; gap: var(--space-6); - margin-bottom: var(--space-8); - padding-bottom: var(--space-6); + margin-bottom: var(--space-6); + padding-bottom: var(--space-4); border-bottom: 1px solid var(--border-color); } @@ -564,15 +581,15 @@ textarea:focus-visible { display: block; color: var(--text-primary); font-weight: var(--font-weight-semibold); - margin-bottom: var(--space-3); - font-size: var(--font-size-3xl); + margin-bottom: var(--space-2); + font-size: var(--font-size-2xl); line-height: var(--line-height-tight); } .admin-page-subtitle { display: block; color: var(--text-secondary); - font-size: var(--font-size-base); + font-size: 0.95rem; line-height: var(--line-height-normal); } @@ -580,15 +597,15 @@ textarea:focus-visible { .admin-metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); - gap: var(--space-6); - margin-bottom: var(--space-8); + gap: var(--space-4); + margin-bottom: var(--space-6); width: 100%; } /* Metric Card - Enterprise Grade */ .admin-metric-card { - padding: var(--space-6); - border-radius: var(--radius-lg); + padding: var(--space-4); + border-radius: var(--radius-md); background-color: var(--bg-primary); border: 1px solid var(--border-color); transition: all var(--transition-base); @@ -596,7 +613,7 @@ textarea:focus-visible { display: flex; flex-direction: column; justify-content: space-between; - min-height: 160px; + min-height: 140px; box-shadow: var(--shadow-xs); position: relative; overflow: hidden; @@ -675,11 +692,11 @@ textarea:focus-visible { /* Surfaces & Containers */ .admin-surface { - padding: var(--space-6) !important; - border-radius: var(--radius-lg) !important; + padding: var(--space-4) !important; + border-radius: var(--radius-md) !important; background-color: var(--bg-primary) !important; border: 1px solid var(--border-color) !important; - margin-bottom: var(--space-6) !important; + margin-bottom: var(--space-4) !important; box-shadow: var(--shadow-xs); } @@ -688,8 +705,8 @@ textarea:focus-visible { justify-content: space-between; align-items: flex-start; gap: var(--space-4); - margin-bottom: var(--space-5); - padding-bottom: var(--space-4); + margin-bottom: var(--space-4); + padding-bottom: var(--space-3); border-bottom: 1px solid var(--border-color-light); } @@ -698,14 +715,14 @@ textarea:focus-visible { } .admin-section-header h6 { - font-size: var(--font-size-lg); + font-size: 1rem; font-weight: var(--font-weight-semibold); color: var(--text-primary); - margin-bottom: var(--space-2); + margin-bottom: var(--space-1); } .admin-section-header p { - font-size: var(--font-size-sm); + font-size: 0.875rem; color: var(--text-secondary); margin: 0; } @@ -714,7 +731,7 @@ textarea:focus-visible { .admin-table { width: 100%; border-collapse: collapse; - font-size: var(--font-size-sm); + font-size: 0.875rem; } .admin-table thead { @@ -723,7 +740,7 @@ textarea:focus-visible { } .admin-table thead th { - padding: var(--space-3) var(--space-4); + padding: var(--space-2) var(--space-3); text-align: left; font-weight: var(--font-weight-semibold); color: var(--text-secondary); @@ -746,7 +763,7 @@ textarea:focus-visible { } .admin-table tbody td { - padding: var(--space-3) var(--space-4); + padding: var(--space-2) var(--space-3); color: var(--text-primary); vertical-align: middle; }