Gagan7900
214 lines
6.2 KiB
SCSS
214 lines
6.2 KiB
SCSS
[data-vertical-style="doublemenu"] {
|
|
@media (min-width: 992px) {
|
|
|
|
.app-sidebar {
|
|
@apply w-20 border-e-0;
|
|
|
|
.main-sidebar {
|
|
@apply overflow-visible h-full shadow-none mt-0;
|
|
}
|
|
.main-sidebar-header {
|
|
@apply w-20 border-e;
|
|
.header-logo {
|
|
.toggle-logo {
|
|
@apply block!;
|
|
|
|
}
|
|
.desktop-dark,
|
|
.desktop-logo,.toggle-white,
|
|
.toggle-dark {
|
|
@apply hidden!;
|
|
}
|
|
}
|
|
}
|
|
.main-menu-container {
|
|
@apply mt-[3.75rem];
|
|
}
|
|
.main-menu >.slide {
|
|
@apply py-0 px-[1.2rem];
|
|
}
|
|
.category-name,
|
|
.side-menu__label,
|
|
.side-menu__angle {
|
|
@apply hidden;
|
|
}
|
|
.side-menu__icon {
|
|
@apply me-0;
|
|
|
|
}
|
|
.slide__category {
|
|
@apply hidden;
|
|
|
|
}
|
|
.simplebar-content-wrapper {
|
|
position: initial;
|
|
}
|
|
.simplebar-mask {
|
|
position: inherit;
|
|
|
|
}
|
|
.simplebar-placeholder {
|
|
@apply h-auto! ;
|
|
}
|
|
}
|
|
.app-header {
|
|
@apply ps-[17rem];
|
|
}
|
|
.content {
|
|
@apply ms-[17rem];
|
|
}
|
|
.slide.has-sub .slide-menu {
|
|
@apply bg-white dark:bg-bodybg absolute start-2 shadow-none transition-none h-full end-0 rounded-md border-e border-e-white/10 ;
|
|
&.child2,
|
|
&.child3 {
|
|
@apply start-0! relative! h-auto! top-0!;
|
|
.slide {
|
|
&:nth-child(2) {
|
|
@apply pt-[0rem];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.slide-menu {
|
|
&.child1,
|
|
&.child2,
|
|
&.child3 {
|
|
.slide {
|
|
@apply ps-0;
|
|
.side-menu__item {
|
|
@apply text-start;
|
|
&:before {
|
|
@apply top-[0.938rem] start-[0.75rem];
|
|
}
|
|
}
|
|
}
|
|
.side-menu__angle {
|
|
@apply block end-4 top-[0.65rem];
|
|
|
|
}
|
|
}
|
|
&.child2,&.child3 {
|
|
@apply min-w-[10rem];
|
|
}
|
|
&.child1 {
|
|
@apply min-w-[12rem];
|
|
.slide {
|
|
&:nth-child(2) {
|
|
@apply pt-3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.side-menu__label1 {
|
|
@apply block! text-[0.938rem]! font-medium! text-white! py-5! px-3! w-48! h-[3.75rem]! border-b! border-b-white/10!;
|
|
}
|
|
.slide-menu {
|
|
@apply hidden ;
|
|
|
|
&.double-menu-active {
|
|
@apply visible! block! h-full! absolute! top-0! rounded-none! border-t-0! overflow-y-hidden! overflow-x-scroll!;
|
|
|
|
}
|
|
}
|
|
&[class="light"] {
|
|
&[data-menu-styles="dark"],&[data-menu-styles="color"],&[data-menu-styles="gradient"] {
|
|
.app-sidebar .main-sidebar-header {
|
|
.header-logo {
|
|
.desktop-logo,.desktop-dark,.toggle-logo,.toggle-dark {
|
|
@apply hidden!;
|
|
}
|
|
.toggle-white {
|
|
@apply block!;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&[data-menu-styles="transparent"] {
|
|
.app-sidebar .main-sidebar-header {
|
|
.header-logo {
|
|
.desktop-logo,.desktop-dark,.toggle-logo,.toggle-white {
|
|
@apply hidden!;
|
|
}
|
|
.toggle-logo {
|
|
@apply block!;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.dark {
|
|
.app-sidebar .main-sidebar-header {
|
|
.header-logo {
|
|
.desktop-logo,.desktop-dark,.toggle-logo,.toggle-white {
|
|
@apply hidden!;
|
|
|
|
}
|
|
.toggle-dark {
|
|
@apply block!;
|
|
|
|
}
|
|
}
|
|
}
|
|
&[data-menu-styles="light"] {
|
|
.app-sidebar .main-sidebar-header {
|
|
.header-logo {
|
|
.desktop-logo,.desktop-dark,.toggle-dark,.toggle-white {
|
|
@apply hidden!;
|
|
|
|
}
|
|
.toggle-logo {
|
|
@apply block!;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&[data-menu-styles="dark"],&[data-menu-styles="color"],&[data-menu-styles="gradient"],&[data-menu-styles="transparent"] {
|
|
.app-sidebar .main-sidebar-header {
|
|
.header-logo {
|
|
.desktop-logo,.desktop-dark,.toggle-dark,.toggle-logo {
|
|
@apply hidden!;
|
|
|
|
}
|
|
.toggle-white {
|
|
@apply block!;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&[data-page-style="classic"] {
|
|
.slide.has-sub .slide-menu {
|
|
@apply border-e border-e-white/10;
|
|
}
|
|
}
|
|
}
|
|
&[data-toggled="double-menu-close"] {
|
|
.app-header{
|
|
@apply ps-20;
|
|
|
|
}
|
|
.content {
|
|
@apply ms-20;
|
|
|
|
}
|
|
.app-sidebar {
|
|
.slide.has-sub .slide-menu {
|
|
@apply hidden!;
|
|
|
|
}
|
|
.main-sidebar {
|
|
@apply shadow-defaultshadow;
|
|
}
|
|
}
|
|
}
|
|
&[data-toggled="double-menu-open"] {
|
|
.app-sidebar .main-sidebar {
|
|
.slide.side-menu__label1 {
|
|
@apply border-e border-e-white/10;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|