From 75661aa0ef37b8dc857f2c675e4cae324b21276e Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Sun, 28 Jun 2026 21:15:50 +0900 Subject: [PATCH] style(admin): compact admin shell --- TaxBaik.Web/wwwroot/css/admin.css | 64 +++++++++++++++---------------- 1 file changed, 32 insertions(+), 32 deletions(-) diff --git a/TaxBaik.Web/wwwroot/css/admin.css b/TaxBaik.Web/wwwroot/css/admin.css index a9f2718..573e417 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-2) var(--space-5); + padding: 8px 20px; background-color: var(--bg-primary); border-bottom: 1px solid var(--border-color); z-index: var(--z-dropdown); @@ -437,7 +437,7 @@ textarea:focus-visible { } .admin-topbar-title .mud-typography--h6 { - font-size: 1rem; + font-size: 0.95rem; line-height: 1.2; font-weight: var(--font-weight-semibold); } @@ -450,7 +450,7 @@ textarea:focus-visible { } .admin-drawer { - width: 240px; + width: 224px; background-color: var(--bg-primary); border-right: 1px solid var(--border-color); display: flex; @@ -461,7 +461,7 @@ textarea:focus-visible { display: flex; align-items: center; gap: var(--space-3); - padding: var(--space-4) var(--space-3); + padding: 12px; border-bottom: 1px solid var(--border-color-light); } @@ -480,26 +480,26 @@ textarea:focus-visible { } .admin-nav { - padding: var(--space-2) 0; + padding: 6px 0; flex: 1; overflow-y: auto; } .admin-nav .mud-nav-link, .admin-nav .mud-nav-group-header { - margin: 2px var(--space-2) !important; - border-radius: var(--radius-md) !important; + margin: 1px 8px !important; + border-radius: 6px !important; transition: all var(--transition-base) !important; } .admin-nav .mud-nav-link { - min-height: 40px; - font-size: 0.92rem; + min-height: 36px; + font-size: 0.85rem; } .admin-nav .mud-nav-group-header { - min-height: 40px; - font-size: 0.92rem; + min-height: 36px; + font-size: 0.85rem; } .admin-nav .mud-nav-link:hover { @@ -543,7 +543,7 @@ textarea:focus-visible { } .admin-content { - padding: var(--space-6); + padding: 20px; max-width: 1400px; margin: 0 auto; width: 100%; @@ -557,9 +557,9 @@ textarea:focus-visible { display: flex; justify-content: space-between; align-items: center; - gap: var(--space-6); - margin-bottom: var(--space-6); - padding-bottom: var(--space-4); + gap: 20px; + margin-bottom: 20px; + padding-bottom: 12px; border-bottom: 1px solid var(--border-color); } @@ -581,15 +581,15 @@ textarea:focus-visible { display: block; color: var(--text-primary); font-weight: var(--font-weight-semibold); - margin-bottom: var(--space-2); - font-size: var(--font-size-2xl); + margin-bottom: 4px; + font-size: 1.75rem; line-height: var(--line-height-tight); } .admin-page-subtitle { display: block; color: var(--text-secondary); - font-size: 0.95rem; + font-size: 0.9rem; line-height: var(--line-height-normal); } @@ -604,7 +604,7 @@ textarea:focus-visible { /* Metric Card - Enterprise Grade */ .admin-metric-card { - padding: var(--space-4); + padding: 12px; border-radius: var(--radius-md); background-color: var(--bg-primary); border: 1px solid var(--border-color); @@ -613,7 +613,7 @@ textarea:focus-visible { display: flex; flex-direction: column; justify-content: space-between; - min-height: 140px; + min-height: 128px; box-shadow: var(--shadow-xs); position: relative; overflow: hidden; @@ -692,11 +692,11 @@ textarea:focus-visible { /* Surfaces & Containers */ .admin-surface { - padding: var(--space-4) !important; + padding: 12px !important; border-radius: var(--radius-md) !important; background-color: var(--bg-primary) !important; border: 1px solid var(--border-color) !important; - margin-bottom: var(--space-4) !important; + margin-bottom: 12px !important; box-shadow: var(--shadow-xs); } @@ -704,9 +704,9 @@ textarea:focus-visible { display: flex; justify-content: space-between; align-items: flex-start; - gap: var(--space-4); - margin-bottom: var(--space-4); - padding-bottom: var(--space-3); + gap: 12px; + margin-bottom: 12px; + padding-bottom: 8px; border-bottom: 1px solid var(--border-color-light); } @@ -715,14 +715,14 @@ textarea:focus-visible { } .admin-section-header h6 { - font-size: 1rem; + font-size: 0.95rem; font-weight: var(--font-weight-semibold); color: var(--text-primary); - margin-bottom: var(--space-1); + margin-bottom: 4px; } .admin-section-header p { - font-size: 0.875rem; + font-size: 0.8rem; color: var(--text-secondary); margin: 0; } @@ -731,7 +731,7 @@ textarea:focus-visible { .admin-table { width: 100%; border-collapse: collapse; - font-size: 0.875rem; + font-size: 0.8rem; } .admin-table thead { @@ -740,11 +740,11 @@ textarea:focus-visible { } .admin-table thead th { - padding: var(--space-2) var(--space-3); + padding: 6px 10px; text-align: left; font-weight: var(--font-weight-semibold); color: var(--text-secondary); - font-size: var(--font-size-xs); + font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.5px; } @@ -763,7 +763,7 @@ textarea:focus-visible { } .admin-table tbody td { - padding: var(--space-2) var(--space-3); + padding: 6px 10px; color: var(--text-primary); vertical-align: middle; }