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