mirror of https://github.com/ColorlibHQ/AdminLTE
68 lines
1.3 KiB
SCSS
68 lines
1.3 KiB
SCSS
|
@include media-breakpoint-up(md) {
|
||
|
.sidebar-horizontal {
|
||
|
.wrapper {
|
||
|
grid-template-areas:
|
||
|
"main-header"
|
||
|
"main-sidebar"
|
||
|
"content-wrapper"
|
||
|
"main-footer";
|
||
|
grid-template-columns: auto;
|
||
|
grid-template-rows: max-content max-content auto max-content;
|
||
|
}
|
||
|
|
||
|
.main-sidebar {
|
||
|
display: grid;
|
||
|
height: $sidebar-horizontal-height;
|
||
|
min-width: $sidebar-horizontal-width;
|
||
|
max-width: $sidebar-horizontal-width;
|
||
|
justify-content: start;
|
||
|
z-index: $zindex-sidebar-horizontal;
|
||
|
}
|
||
|
|
||
|
.brand-container {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.sidebar {
|
||
|
// overflow: visible;
|
||
|
overflow-x: auto;
|
||
|
overflow-y: hidden;
|
||
|
|
||
|
// padding-top: .75rem;
|
||
|
|
||
|
.nav-sidebar {
|
||
|
display: grid;
|
||
|
list-style-type: none;
|
||
|
grid-auto-columns: 130px;
|
||
|
grid-auto-flow: column;
|
||
|
// grid-gap: 5px;
|
||
|
|
||
|
.nav-header {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.nav-item > .nav-link {
|
||
|
display: grid;
|
||
|
grid-auto-flow: row;
|
||
|
justify-content: center;
|
||
|
|
||
|
.nav-icon {
|
||
|
text-align: center;
|
||
|
padding-left: 0;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
padding-left: 0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.sidebar-close {
|
||
|
.main-sidebar {
|
||
|
margin-top: -#{$sidebar-horizontal-height};
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|