65 lines
868 B
SCSS
65 lines
868 B
SCSS
.navbar {
|
|
background: #131d52;
|
|
height: 60px;
|
|
}
|
|
|
|
#menu-vertical{
|
|
position:fixed;
|
|
z-index:999;
|
|
overflow:hidden;
|
|
padding:6px;
|
|
height: 100vh;
|
|
background: #131d52
|
|
}
|
|
|
|
:root {
|
|
--offcanvas-width: 270px;
|
|
--topNavbarHeight: 56px;
|
|
}
|
|
|
|
.sidebar-nav {
|
|
width: 270px;
|
|
background: #131d52
|
|
}
|
|
|
|
.sidebar-link {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.sidebar-link .right-icon {
|
|
display: inline-flex;
|
|
transition: all ease 0.25s;
|
|
}
|
|
|
|
.sidebar-link[aria-expanded="true"] .right-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
li a {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
body {
|
|
overflow: auto !important;
|
|
}
|
|
|
|
main {
|
|
margin-left: 270px;
|
|
}
|
|
|
|
.offcanvas-backdrop::before{
|
|
display: none;
|
|
}
|
|
|
|
.sidebar-nav{
|
|
transform: none;
|
|
visibility: visible !important;
|
|
top: 56px;
|
|
height: calc(100% - 56px);
|
|
}
|
|
}
|