70 lines
1.1 KiB
SCSS
70 lines
1.1 KiB
SCSS
.logo {
|
|
background-image: url("../../../../assets/img/logo_simplifique.png");
|
|
background-position: center;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
height: 100% !important;
|
|
overflow: hidden;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
|
|
#menu-vertical {
|
|
position: fixed;
|
|
z-index: 999;
|
|
overflow: hidden;
|
|
padding: 6px;
|
|
height: 100vh;
|
|
}
|
|
|
|
:root {
|
|
--offcanvas-width: 270px;
|
|
--topNavbarHeight: 56px;
|
|
}
|
|
|
|
.sidebar-nav {
|
|
width: 250px;
|
|
}
|
|
|
|
.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: 250px;
|
|
}
|
|
|
|
.offcanvas-backdrop::before {
|
|
display: none;
|
|
}
|
|
|
|
.sidebar-nav {
|
|
transform: none;
|
|
visibility: visible !important;
|
|
top: 56px;
|
|
height: calc(100% - 56px);
|
|
}
|
|
} |