fix(admin): tighten sidebar and content spacing
This commit is contained in:
@@ -87,6 +87,7 @@ body,
|
|||||||
radial-gradient(circle at top, rgba(73, 208, 200, 0.1), transparent 34%);
|
radial-gradient(circle at top, rgba(73, 208, 200, 0.1), transparent 34%);
|
||||||
border-right: 1px solid rgba(73, 208, 200, 0.1);
|
border-right: 1px solid rgba(73, 208, 200, 0.1);
|
||||||
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.03);
|
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.03);
|
||||||
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-link {
|
.brand-link {
|
||||||
@@ -101,7 +102,7 @@ body,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav-sidebar > .nav-item > .nav-link {
|
.nav-sidebar > .nav-item > .nav-link {
|
||||||
margin: 0.18rem 0.55rem;
|
margin: 0 0 0.4rem;
|
||||||
border-radius: 14px;
|
border-radius: 14px;
|
||||||
color: var(--mx-text-muted);
|
color: var(--mx-text-muted);
|
||||||
transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
|
transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
|
||||||
@@ -125,6 +126,21 @@ body,
|
|||||||
0 8px 18px rgba(6, 18, 22, 0.28);
|
0 8px 18px rgba(6, 18, 22, 0.28);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#jazzy-sidebar .sidebar {
|
||||||
|
padding: 0.85rem 0.75rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jazzy-sidebar .user-panel {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-left: 0.25rem;
|
||||||
|
padding-right: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jazzy-sidebar .nav-sidebar {
|
||||||
|
padding-right: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-sidebar .nav-header {
|
.nav-sidebar .nav-header {
|
||||||
color: var(--mx-text-dim);
|
color: var(--mx-text-dim);
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
@@ -137,6 +153,15 @@ body,
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content-wrapper > .content {
|
||||||
|
padding: 1rem 1.1rem 1.4rem 1.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-wrapper > .content > .container-fluid {
|
||||||
|
padding-left: 0.35rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.content-header h1 {
|
.content-header h1 {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 0.01em;
|
letter-spacing: 0.01em;
|
||||||
@@ -505,6 +530,7 @@ code {
|
|||||||
|
|
||||||
.dashboard .admin-dashboard-grid {
|
.dashboard .admin-dashboard-grid {
|
||||||
row-gap: 1rem;
|
row-gap: 1rem;
|
||||||
|
padding-right: 0.35rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard .card,
|
.dashboard .card,
|
||||||
@@ -546,6 +572,15 @@ code {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
|
.content-wrapper > .content {
|
||||||
|
padding: 0.85rem 0.7rem 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-wrapper > .content > .container-fluid {
|
||||||
|
padding-left: 0.1rem;
|
||||||
|
padding-right: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.main-header.navbar {
|
.main-header.navbar {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
row-gap: 0.5rem;
|
row-gap: 0.5rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user