Compress admin breadcrumb and sidebar
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m1s

This commit is contained in:
2026-07-09 16:50:54 +09:00
parent 1cb35810b6
commit bfc19adf47
2 changed files with 26 additions and 5 deletions
@@ -40,7 +40,7 @@
</header>
<div class="page-wrapper">
<div class="container-fluid">
<div class="row g-3">
<div class="row g-2">
<aside class="col-12 col-lg-3 col-xxl-2">
<div class="card shadow-sm border-0 admin-sidebar-card sticky-top">
<div class="card-header admin-sidebar-header">
@@ -115,13 +115,15 @@
</aside>
<main class="col-12 col-lg-9 col-xxl-10">
<div class="card shadow-sm border-0 admin-content-card admin-main-surface">
<div class="card-body p-3 p-md-4 p-xl-5">
<nav aria-label="breadcrumb" class="mb-4">
<div class="card-header admin-breadcrumb-header">
<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-muted">
<li class="breadcrumb-item"><a href="/admin/dashboard">관리자</a></li>
<li class="breadcrumb-item active" aria-current="page">@breadcrumbText</li>
</ol>
</nav>
</div>
<div class="card-body p-3 p-md-4 p-xl-4">
@RenderBody()
</div>
</div>
+21 -2
View File
@@ -368,6 +368,8 @@ html, body {
.admin-sidebar-header {
background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
border-bottom: 1px solid var(--border-color-light);
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.admin-sidebar-body {
@@ -376,9 +378,11 @@ html, body {
.admin-sidebar-card .accordion-button {
font-weight: var(--font-weight-semibold);
font-size: 0.88rem;
font-size: 0.82rem;
color: var(--text-primary);
background: #fff;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
.admin-sidebar-card .accordion-button:not(.collapsed) {
@@ -390,9 +394,10 @@ html, body {
.admin-sidebar-card .list-group-item {
border: 0;
border-radius: 0;
padding: 0.85rem 1rem;
padding: 0.65rem 0.9rem;
color: var(--text-primary);
background: transparent;
font-size: 0.8rem;
}
.admin-sidebar-card .list-group-item:hover {
@@ -411,6 +416,16 @@ html, body {
overflow: hidden;
}
.admin-breadcrumb-header {
background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.admin-breadcrumb-header .breadcrumb {
margin-bottom: 0;
}
.admin-content-card .card-body {
min-height: calc(100vh - 140px);
}
@@ -1219,6 +1234,10 @@ textarea:focus-visible {
padding-bottom: 1rem;
}
.admin-page-shell .page-header {
margin-bottom: 0.75rem !important;
}
.admin-page-card {
border: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);