Gagandeep/syscom-master-admin-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Gagan7900
2026-07-13 11:57:09 +05:30
commit ac629ef540
26616 changed files with 795848 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
preview/assets/scss/switcher/_bg-img-styles.scss
+178
View File
@@ -0,0 +1,178 @@
/* Start Background Image Styles */
[bg-img="bgimg1"] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img1.jpg')]! bg-cover! bg-center!;
}
&[data-menu-styles=gradient] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img1.jpg')]! bg-cover! bg-center!;
}
}
}
[bg-img="bgimg2"] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img2.jpg')]! bg-cover! bg-center!;
}
&[data-menu-styles=gradient] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img2.jpg')]! bg-cover! bg-center!;
}
}
}
[bg-img="bgimg3"] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img3.jpg')]! bg-cover! bg-center!;
}
&[data-menu-styles=gradient] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img3.jpg')]! bg-cover! bg-center!;
}
}
}
[bg-img="bgimg4"] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img4.jpg')]! bg-cover! bg-center!;
}
&[data-menu-styles=gradient] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img4.jpg')]! bg-cover! bg-center!;
}
}
}
[bg-img="bgimg5"] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img5.jpg')]! bg-cover! bg-center!;
}
&[data-menu-styles=gradient] {
.app-sidebar {
@apply bg-[url('../images/menu-bg-images/bg-img5.jpg')]! bg-cover! bg-center!;
}
}
}
[bg-img="bgimg5"],
[bg-img="bgimg4"],
[bg-img="bgimg3"],
[bg-img="bgimg2"],
[bg-img="bgimg1"] {
.app-sidebar {
@apply bg-cover bg-center bg-no-repeat before:absolute before:inset-x-0 before:top-0 before:w-full before:h-full before:-z-[1];
}
&[data-nav-layout="vertical"][data-nav-style="menu-click"][data-toggled="menu-click-closed"],
&[data-nav-layout="vertical"][data-nav-style="menu-hover"][data-toggled="menu-hover-closed"],
&[data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"],
&[data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] {
.app-sidebar {
position: fixed;
}
}
&[data-menu-styles="light"] {
.app-sidebar {
@apply before:bg-white/80;
.main-sidebar-header {
@apply bg-transparent!;
}
}
}
&.light {
&[data-menu-styles="dark"] {
.app-sidebar {
@apply before:bg-[#111c43]/80;
.main-sidebar-header {
@apply bg-transparent!;
}
}
}
}
&[data-menu-styles="dark"] {
&.dark {
.app-sidebar {
@apply before:bg-bodybg/80;
.main-sidebar-header {
@apply bg-transparent!;
}
}
}
.app-sidebar {
@apply before:bg-[#111c43]/80;
.main-sidebar-header {
@apply bg-transparent!;
}
}
}
&[data-menu-styles="color"] {
.app-sidebar {
@apply before:bg-primary/80 before:bg-gradient-to-t before:from-black/30 before:to-black/30;
.main-sidebar-header {
@apply bg-transparent!;
}
}
}
&[data-menu-styles="gradient"] {
.app-sidebar {
@apply before:bg-gradient-to-b before:from-primary/80 before:to-secondary/80 after:absolute after:h-full after:w-full after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-black/30 after:-z-[1];
.main-sidebar-header {
@apply bg-transparent!;
}
}
}
&[data-menu-styles="transparent"] {
.app-sidebar {
@apply before:bg-bodybg/80;
.main-sidebar-header {
@apply bg-transparent!;
}
}
&.dark {
.app-sidebar {
@apply before:bg-bodybg2/80;
.main-sidebar-header {
@apply bg-transparent!;
}
}
}
}
@media (min-width: 992px) {
&[data-vertical-style=doublemenu] {
.app-sidebar .main-sidebar-header {
backdrop-filter: blur(30px);
}
}
}
}
/* End Background Image Styles */
preview/assets/scss/switcher/_boxed.scss
+137
View File
@@ -0,0 +1,137 @@
/* Start Boxed Styles */
[data-width="boxed"] {
@media (min-width: 1400px) {
body {
@apply bg-bodybg! dark:!bg-bodybg2;
}
.page {
@apply w-[1400px]! my-0! mx-auto! relative! shadow-[0rem_0rem_1rem_rgba(0,0,0,0.1)]! dark:!shadow-[0rem_0rem_1rem_rgba(255,255,255,0.1)];
.app-header {
@apply w-[1400px] my-0 mx-auto;
}
}
&[data-nav-layout="horizontal"] {
.app-sidebar {
@apply w-[1400px]! mx-auto! my-0!;
}
}
.page {
.app-sidebar {
@apply start-auto;
}
.app-header {
@apply start-auto;
}
}
.main-chart-wrapper .chat-user-details.open {
@apply end-0;
}
&.dark {
.page {
@apply shadow-[-1px_0px_13px_15px_rgba(255,255,255,0.04)]!;
}
}
&[data-vertical-style="detached"] {
.page {
@apply w-[1400px]! mx-auto!;
.app-sidebar{
@apply mx-4;
}
}
// &[data-menu-position="scrollable"] {
// .page {
// .app-sidebar {
// @apply start-8;
// }
// }
// }
}
#sales-donut {
@apply w-full!;
}
.chat-info {
@apply min-w-[21.875rem] max-w-[21.875rem];
}
.main-chat-area {
@apply w-full max-w-full overflow-hidden;
}
.chat-user-details {
@apply hidden;
}
.main-chart-wrapper .main-chat-right-icons .responsive-userinfo-open {
@apply flex;
}
.main-chart-wrapper .chat-user-details.open {
@apply block bottom-2;
}
.main-chart-wrapper .chat-user-details {
@apply absolute;
}
.mail-info-body {
@apply max-h-[calc(100vh-19.3rem)];
}
#product-quantity {
@apply w-8;
}
// .nft-img {
// @apply hidden;
// }
.jobs-cards {
}
.xxxl\:col-span-2 {
@apply col-span-4;
}
.xxxl\:col-span-3,.xxxl\:col-span-4,.xxxl\:col-span-6,.xxxl\:col-span-8 {
@apply col-span-12;
}
.xxxl\:col-span-9 {
@apply col-span-12;
}
.xxxl\:flex {
@apply block;
}
.xxxl\:space-y-0 {
@apply space-y-2;
}
.xxl\:max-w-\[250px\] {
@apply max-w-[160px];
}
.xxxl\:\!col-span-3 {
@apply col-span-6!;
}
.swiper-text {
@apply hidden;
}
.xxxl\:grid-cols-4 {
@apply grid-cols-1!;
}
}
}
/* End Boxed Styles */
preview/assets/scss/switcher/_classic-page-style.scss
+90
View File
@@ -0,0 +1,90 @@
/* Start Classic-Page Styles */
[data-page-style="classic"] {
body {
@apply bg-white dark:bg-bodybg;
}
.box {
@apply shadow-none shadow-transparent border border-defaultborder;
}
&.dark {
body {
@apply bg-bodybg;
}
.box {
@apply shadow-none shadow-transparent border border-defaultborder/10;
}
&[data-width="boxed"] {
.page {
@apply bg-bodybg!;
}
}
}
&[data-width="boxed"] {
.page {
@apply bg-white! bg-bodybg!;
}
}
}
/* End Classic-Page Styles */
// page styles modern start
[data-page-style="modern"] {
--color-light: rgb(255,255,255);
--color-customwhite: rgb(243, 246, 248);
--color-defaultborder: rgb(230,235,241);
// --input-border: 0 0 0;
.dropdown-menu {
@apply bg-white;
}
body {
@apply bg-white;
}
.box {
@apply shadow-none bg-[#f3f6f8];
}
&[class="dark"] {
--color-light: rgb(20,20,20);
--color-customwhite: rgb(var(--color-bodybg));
.box {
@apply shadow-none bg-bodybg ;
}
.dropdown-menu {
@apply bg-light;
}
body {
@apply bg-bodybg;
}
.ti-btn-light {
@apply bg-black/10! border-black/10!;
&:hover,
&:focus,
&:active {
@apply bg-black/10! border-black/10!;
}
}
}
.footer {
@apply bg-[#f3f6f8];
}
.app-sidebar,
.footer,
.app-header,
.app-sidebar .main-sidebar {
@apply shadow-none;
}
@media (min-width: 992px) {
// &[data-menu-styles][data-nav-layout="horizontal"] .app-sidebar {
// @apply border-b! border-[rgba(255,255,255,0.1)]! ;
// }
&.dark {
&[data-menu-styles][data-nav-layout="horizontal"] .app-sidebar {
@apply border-white/10!;
}
}
}
}
// page styles modern end
preview/assets/scss/switcher/_closed_menu.scss
+28
View File
@@ -0,0 +1,28 @@
/* Start Closed-Menu Styles */
[data-vertical-style="closed"] {
@media screen and (min-width: 992px) {
&[data-toggled="close-menu-close"] {
.app-sidebar {
@apply hidden;
}
.content {
@apply ms-0!;
}
.app-header {
@apply ps-0!;
}
}
&[data-toggled="close-menu-open"] {
.app-sidebar {
@apply block;
}
.content {
@apply ms-64;
}
.app-header {
@apply ps-64;
}
}
}
}
/* End Closed-Menu Styles */
preview/assets/scss/switcher/_detached_menu.scss
+198
View File
@@ -0,0 +1,198 @@
/* Start Detached-Menu Styles */
[data-vertical-style="detached"] {
@media screen and (min-width: 992px) {
.app-header {
@apply z-[50]! px-0! shadow-none! ;
}
.main-header {
@apply my-0! basis-auto! p-0! ;
}
.main-header-container {
@apply mx-auto w-[94%];
}
.page {
@apply w-[94%]! mx-auto! my-0! ;
}
.horizontal-logo {
@apply block -order-1;
img {
@apply h-8 leading-8 ;
}
}
footer {
@apply bg-transparent! shadow-none! dark:!bg-transparent ;
}
.app-sidebar {
@apply top-[calc(64px-(-1.5rem))] rounded-md bottom-6 h-auto overflow-hidden border border-white/10;
.main-sidebar-header {
@apply hidden;
}
.main-sidebar {
@apply mt-0! pb-40! ;
}
}
.content {
@apply ms-64;
}
.horizontal-logo {
.header-logo {
.desktop-dark,
.toggle-logo,
.toggle-dark,
.desktop-white,.toggle-white {
@apply hidden;
}
.desktop-logo {
@apply block;
}
}
}
[data-header-styles="dark"] {
.horizontal-logo {
.header-logo {
.desktop-logo,
.toggle-logo,
.toggle-dark,
.desktop-white ,.toggle-white{
@apply hidden!;
}
.desktop-dark {
@apply block!;
}
}
}
}
&.dark {
.horizontal-logo {
.header-logo {
.desktop-logo,
.toggle-logo,
.toggle-dark,.toggle-white {
@apply hidden!;
}
.desktop-dark {
@apply block!;
}
}
}
}
&[data-toggled="detached-close"] {
&:not([icon-overlay="open"]) {
.app-sidebar {
@apply w-[5rem];
// .slide__category,
.side-menu__angle {
@apply hidden;
}
.side-menu__label {
@apply hidden;
}
.side-menu__item {
@apply block text-center text-xs;
.side-menu__icon {
@apply mx-auto w-full block;
}
}
.slide__category {
@apply py-[1.2rem]! px-[1.65rem]! relative! before:!absolute before:!start-[2.25rem] before:!end-0 before:!top-[1.25rem] before:!w-[0.35rem] before:!rounded-[3.125rem] before:!h-[0.35rem] before:!border before:!border-solid before:!opacity-[1] ;
.category-name {
@apply hidden;
}
}
.slide.has-sub {
.slide-menu {
@apply hidden!;
}
}
.main-menu {
@apply px-0;
}
}
[data-header-styles="dark"] {
.horizontal-logo {
.header-logo {
.desktop-logo,
.toggle-logo,
.toggle-dark,
.desktop-white,.toggle-white {
@apply hidden!;
}
.desktop-dark {
@apply block!;
}
}
}
}
&.dark {
.app-sidebar {
.main-header {
.header-logo {
.toggle-logo,
.desktop-logo,
.toggle-dark,.toggle-white {
@apply hidden;
}
.desktop-dark {
@apply block;
}
}
}
}
}
}
.content {
@apply ms-24;
}
}
&.dark {
.app-sidebar {
@apply border-white/10;
}
}
.app-sidebar {
@apply start-[inherit];
}
}
}
/* End Detached-Menu Styles */
preview/assets/scss/switcher/_double_menu.scss
+207
View File
@@ -0,0 +1,207 @@
/* Start Double-Menu Styles */
[data-vertical-style="doublemenu"] {
@media screen and (min-width: 992px) {
.app-sidebar {
.slide {
&.has-sub {
@apply grid;
}
}
.main-sidebar {
@apply overflow-visible h-[90%];
}
.main-sidebar-header {
@apply w-[4.95rem] backdrop-blur-3xl;
}
.main-sidebar {
@apply w-[4.95rem];
}
.side-menu__icon {
@apply mx-auto;
}
.slide {
@apply p-0;
}
.slide-menu {
&.child1 {
@apply w-[12rem];
}
&.child2,
&.child3 {
@apply w-full;
}
&.child1,
&.child2,
&.child3 {
@apply mt-0!;
.slide {
.side-menu__item {
@apply text-start flex;
&:before {
@apply top-[0.938rem];
}
}
}
.side-menu__angle {
@apply block top-[0.65rem];
}
}
}
.slide__category,
.side-menu__angle {
@apply hidden;
}
.side-menu__label {
@apply hidden;
}
.slide.has-sub .slide-menu.child1 {
@apply absolute! transition-none! h-screen! top-0! overflow-y-auto! overflow-x-hidden!;
.slide {
@apply px-0;
}
}
.simplebar-content-wrapper {
position: initial;
@apply overflow-auto! h-screen!;
}
.simplebar-mask {
position: inherit;
}
}
.main-menu {
@apply px-0;
}
#sidebar-scroll {
@apply overflow-y-visible mt-0;
.main-menu-container {
@apply mt-[4.45rem];
}
@apply h-full!;
}
.app-sidebar {
@apply w-20!;
.main-sidebar {
@apply w-20!;
}
.slide.has-sub .slide-menu {
@apply py-0;
}
.main-sidebar-header {
.header-logo {
.desktop-logo,
.desktop-dark,
.desktop-white {
@apply hidden! ;
}
.toggle-logo {
@apply block;
}
.toggle-dark,.toggle-white {
@apply hidden;
}
}
}
}
.side-menu__label1 {
@apply block! text-base! font-semibold! text-white! border-b! border-b-white/10! py-5! px-3! ;
}
&.dark {
.slide-menu.child1 {
@apply border-white/10!;
}
.side-menu__label1 {
@apply border-white/10! text-white!;
}
.app-sidebar {
.slide.has-sub .slide-menu {
@apply bg-bodybg! rounded-none!;
}
.main-sidebar-header {
.header-logo {
.toggle-logo,.toggle-white {
@apply hidden;
}
.toggle-dark {
@apply block;
}
}
}
}
}
.double-menu-active {
@apply block!;
}
&[data-toggled="double-menu-close"] {
.slide.has-sub .slide-menu.child1 {
@apply hidden!;
}
.double-menu-active {
@apply block!;
}
}
.app-sidebar {
.slide-menu {
&.child1 {
@apply border-s! border-s-white/10!;
.slide {
@apply start-0;
.side-menu__item {
@apply ps-8 pe-4;
&:before {
@apply start-3;
}
}
}
.side-menu__angle {
@apply end-4;
}
}
}
.slide.has-sub .slide-menu {
@apply start-[5rem]! rounded-none!;
&.child2,
&.child3 {
@apply -ms-[5rem]! px-0!;
}
}
}
.content {
@apply ms-20;
}
.app-header {
@apply ps-20;
}
&[data-toggled="double-menu-open"] {
.content {
@apply ms-[17rem];
}
.app-header {
@apply ps-[17rem];
}
}
&[data-toggled="double-menu-close"] {
.content {
@apply ms-20;
}
.header {
@apply ps-20;
}
}
}
}
/* End Double-Menu Styles */
preview/assets/scss/switcher/_header-scrollable.scss
+25
View File
@@ -0,0 +1,25 @@
/* Start Header-Scrollable Styles */
[data-header-position="scrollable"] {
.app-header {
@apply absolute;
}
&:not([data-menu-position="scrollable"]) {
@media screen and (min-width:992px) {
.app-sidebar {
// @apply relative! top-0!;
&.sticky-pin {
@apply fixed! top-0!;
}
}
}
&[data-toggled="open"] {
.app-sidebar {
&.sticky-pin {
@apply mt-0;
}
}
}
}
}
/* End Header-Scrollable Styles */
preview/assets/scss/switcher/_header-styles.scss
+542
View File
@@ -0,0 +1,542 @@
/* Start Header Styles */
[data-header-styles="dark"] {
.app-header {
--color-headerprimecolor: rgb(255,255,255);
@apply bg-[#111c43] border-white/10;
.main-header-container .header-link-icon {
@apply hover:!bg-white/10 text-white/60! fill-black/60! ;
}
.animated-arrow span {
@apply bg-white/60;
}
.animated-arrow span:before,
.animated-arrow span:after {
@apply bg-white/60;
}
.sidebar-toggle {
@apply bg-transparent! hover:!bg-black/10 text-black/60! hover:!text-black/60 focus:!ring-white/10 focus:!ring-offset-white/10;
svg {
@apply text-black/60;
}
}
.ti-dropdown-toggle {
@apply bg-transparent! hover:!bg-black/10 border-white/10! text-black/60! hover:!text-black/60 focus:!ring-offset-white/10;
svg {
@apply text-black/60! ;
}
}
.dropdown-profile {
@apply focus:ring-gray-400;
img {
@apply ring-white;
}
p {
@apply text-white/60!;
}
span {
@apply text-white/60!;
}
}
#dropdown-flag {
@apply focus:ring-white/10;
}
.header-search,
.switcher-icon {
button {
@apply bg-transparent hover:bg-black/20 text-black/60 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
svg {
@apply text-black/60;
}
}
}
.header-theme-mode,
.header-fullscreen {
a {
@apply bg-transparent hover:bg-black/20 text-black/60 hover:text-white focus:ring-white/10 focus:ring-offset-white/10;
svg {
@apply text-black/60;
}
}
}
@media (min-width: 992px) {
.horizontal-logo {
.header-logo {
.desktop-logo,
.desktop-dark {
@apply hidden!;
}
.desktop-white {
@apply block!;
}
}
}
}
}
}
[data-header-styles="color"] {
.app-header {
--color-headerprimecolor: rgba(255,255,255,0.1);
@apply bg-primary! border-white/20!;
.main-header-container .header-link-icon {
@apply hover:!bg-white/20 text-white/60! fill-black/60!;
}
.animated-arrow span {
@apply bg-white/60;
}
.animated-arrow span:before,
.animated-arrow span:after {
@apply bg-white/60;
}
.sidebar-toggle {
@apply bg-transparent! hover:!bg-white/20 text-white/60! hover:!text-white/10 focus:!ring-transparent focus:!ring-offset-transparent;
svg {
@apply fill-white/60;
}
}
.ti-dropdown-toggle {
@apply bg-transparent hover:bg-white/20 border-white/20 text-white/60 hover:text-white/20 focus:ring-transparent focus:ring-offset-transparent;
svg {
@apply fill-white/60!;
}
}
.dropdown-profile {
@apply focus:ring-gray-400;
img {
@apply ring-white;
}
p {
@apply text-white/60!;
}
span {
@apply text-white/60!;
}
}
#dropdown-flag {
@apply focus:ring-white/20;
}
.header-search,
.switcher-icon {
button {
@apply bg-transparent! hover:!bg-white/20 text-white/60! hover:!text-white/10 focus:!ring-white/20 focus:!ring-offset-white/20 ;
}
svg {
@apply fill-white/60!;
}
}
.header-theme-mode,
.header-fullscreen {
a {
@apply bg-transparent hover:bg-white/20 text-white/60 hover:text-white/10 focus:ring-white/20 focus:ring-offset-white/20;
}
svg {
@apply fill-white/60!;
}
}
@media (min-width: 992px) {
.horizontal-logo {
.header-logo {
.desktop-logo,
.desktop-dark {
@apply hidden!;
}
.desktop-white {
@apply block!;
}
}
}
}
@media (max-width: 991.98px) {
.horizontal-logo {
.header-logo {
.toggle-logo,
.desktop-white {
@apply hidden;
}
.toggle-white {
@apply block;
}
}
}
}
}
}
[data-header-styles="gradient"] {
.app-header {
--color-headerprimecolor: rgb(255,255,255);
@apply bg-gradient-to-r from-primary to-secondary border-white/20! before:!absolute before:!h-full before:!w-full before:!inset-0 before:!-z-[1];
.main-header-container .header-link-icon {
@apply hover:!bg-white/20 text-white/60! fill-black/60! ;
}
.animated-arrow span {
@apply bg-white/60;
}
.animated-arrow span:before,
.animated-arrow span:after {
@apply bg-white/60;
}
.sidebar-toggle {
@apply bg-transparent hover:bg-black/20 text-white/60 hover:text-white/20 focus:ring-transparent focus:ring-offset-transparent;
svg {
@apply fill-white/60;
}
}
.ti-dropdown-toggle {
@apply bg-transparent hover:bg-black/20 border-white/20 text-white/60 hover:text-white/20 focus:ring-transparent focus:ring-offset-transparent;
svg {
@apply fill-white/60;
}
}
.dropdown-profile {
@apply focus:ring-gray-400;
img {
@apply ring-white;
}
p {
@apply text-white/60;
}
span {
@apply text-white/60;
}
}
#dropdown-flag {
@apply focus:ring-white/20;
}
.header-search,
.switcher-icon {
button {
@apply bg-transparent hover:bg-white/20 text-white/60 hover:text-white/60 focus:ring-black/20 focus:ring-offset-black/20;
}
svg {
@apply fill-white/60;
}
}
.header-theme-mode,
.header-fullscreen {
a {
@apply bg-transparent hover:bg-white/20 text-white/60 hover:text-white/60 focus:ring-black/20 focus:ring-offset-black/20;
}
svg {
@apply fill-white/60;
}
}
@media (min-width: 992px) {
.horizontal-logo {
.header-logo {
.desktop-logo,
.desktop-dark {
@apply hidden!;
}
.desktop-white {
@apply block!;
}
}
}
}
@media (max-width: 991.98px) {
.horizontal-logo {
.header-logo {
.toggle-logo,
.desktop-white {
@apply hidden;
}
.toggle-white {
@apply block;
}
}
}
}
}
}
[data-header-styles="light"] {
.app-header {
@apply bg-white! border-[#f3f3f3]!;
.main-header-container .header-link-icon {
@apply hover:!bg-white/20 text-[#536485]! fill-black/60!;
}
.animated-arrow span {
@apply bg-[#536485];
}
.animated-arrow span:before,
.animated-arrow span:after {
@apply bg-[#536485]!;
}
.sidebar-toggle {
@apply bg-transparent! text-[#536485]! hover:!bg-gray-50 focus:!ring-0 focus:!ring-gray-400 focus:!ring-offset-0 focus:!ring-offset-white ;
}
.ti-dropdown-toggle {
@apply bg-transparent! text-[#536485]! hover:!bg-gray-50 border-gray-200! focus:!ring-offset-white focus:!ring-primary ;
}
.dropdown-profile {
@apply focus:ring-gray-400;
img {
@apply ring-white;
}
p {
@apply text-[#536485]!;
}
span {
@apply text-[#536485]!;
}
}
#dropdown-flag {
@apply focus:ring-gray-400;
}
.header-search,
.switcher-icon {
button {
@apply bg-transparent! text-[#536485]! hover:!bg-gray-50 focus:!ring-gray-400 focus:!ring-offset-0 focus:!ring-offset-white;
}
}
.header-theme-mode,
.header-fullscreen {
a {
@apply bg-transparent! text-[#536485]! hover:!bg-gray-50 focus:!ring-gray-400 focus:!ring-offset-0 focus:!ring-offset-white;
}
}
@media screen and (min-width: 992px) {
.horizontal-logo {
.header-logo {
.desktop-white,
.desktop-dark {
@apply hidden!;
}
.desktop-logo {
@apply block!;
}
}
}
}
}
}
[data-header-styles="transparent"] {
.app-header {
@apply bg-bodybg! border-b! border-black/[0.07]!;
.sidebar-toggle {
@apply bg-transparent text-[#536485] focus:ring-0 focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
.ti-dropdown-toggle {
@apply bg-transparent text-[#536485] border-gray-200 focus:ring-offset-white focus:ring-primary;
}
.dropdown-profile {
@apply focus:ring-gray-400;
img {
@apply ring-white;
}
}
#dropdown-flag {
@apply focus:ring-gray-400;
}
.header-search,
.switcher-icon {
button {
@apply bg-transparent text-[#536485] focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
}
.header-theme-mode,
.header-fullscreen {
a {
@apply bg-transparent text-[#536485] focus:ring-gray-400 focus:ring-offset-0 focus:ring-offset-white;
}
}
@media (min-width: 992px) {
.horizontal-logo {
.header-logo {
.desktop-dark,
.desktop-white {
@apply hidden;
}
.desktop-logo {
@apply block;
}
}
}
}
@media (max-width: 991.98px) {
.horizontal-logo {
.header-logo {
.toggle-dark,
.desktop-white {
@apply hidden;
}
.toggle-logo {
@apply block;
}
}
}
}
}
&.dark {
.app-header {
--color-headerprimecolor: rgba(255,255,255,0.6);
@apply bg-bodybg2! border-b! border-b-white/10!;
.sidebar-toggle {
@apply hover:!bg-black/20 !text-white/60 hover:!text-white focus:!ring-white/10 focus:!ring-offset-white/10;
svg {
@apply fill-white;
}
}
.ti-dropdown-toggle {
@apply hover:!bg-black/20 border-white/10! text-white/60! hover:!text-white focus:!ring-offset-white/10;
svg {
@apply fill-white;
}
}
.dropdown-profile {
@apply focus:ring-gray-400;
img {
@apply ring-white;
}
p {
@apply text-white/60;
}
span {
@apply text-white/60;
}
}
#dropdown-flag {
@apply focus:ring-white/10;
}
.header-search,
.switcher-icon {
button {
@apply hover:!bg-black/20 !text-white/60 hover:!text-white focus:!ring-white/10 focus:!ring-offset-white/10;
svg {
@apply fill-white;
}
}
}
.header-theme-mode,
.header-fullscreen {
a {
@apply hover:!bg-black/20 !text-white/60 hover:!text-white focus:!ring-white/10 focus:!ring-offset-white/10;
svg {
@apply fill-white;
}
}
}
@media (min-width: 992px) {
.horizontal-logo {
.header-logo {
.desktop-logo,
.desktop-white {
@apply hidden;
}
.desktop-dark {
@apply block;
}
}
}
}
@media (min-width: 992px) {
.horizontal-logo {
.header-logo {
.toggle-logo,
.toggle-dark {
@apply hidden;
}
.toggle-white {
@apply block;
}
}
}
}
}
}
}
/* End Header Styles */
preview/assets/scss/switcher/_icon-overlay.scss
+82
View File
@@ -0,0 +1,82 @@
/* Start Icon-Overlay Styles */
[data-vertical-style="overlay"][data-toggled="icon-overlay-close"] {
@media screen and (min-width: 992px) {
&:not([icon-overlay="open"]) {
.app-sidebar {
@apply w-[5rem];
.main-sidebar-header{
@apply w-[5rem]!;
}
}
.app-sidebar {
@apply w-[5rem];
.main-sidebar-header{
@apply w-[5rem]!;
}
.app-header{
@apply ps-[5rem]!;
}
.side-menu__item {
@apply justify-center px-0;
}
.side-menu__label,
.side-menu__angle {
@apply hidden;
}
.side-menu__icon{
@apply me-0!;
}
.slide__category {
@apply py-[1.2rem]! px-[1.65rem]! relative! before:!absolute before:!start-[2.25rem] before:!end-0 before:!top-[1.25rem] before:!w-[0.35rem] before:!rounded-[3.125rem] before:!h-[0.35rem] before:!border before:!border-solid before:!opacity-[1];
.category-name{
@apply hidden;
}
}
.side-menu__item {
@apply p-3!;
}
.header-logo {
.desktop-logo,
.desktop-dark,.desktop-white {
@apply hidden;
}
.toggle-logo {
@apply block;
}
.toggle-dark ,.toggle-white{
@apply hidden;
}
}
.slide-menu {
@apply hidden!;
}
}
&.dark {
.app-sidebar {
.main-logo {
&.toggle-logo,.toggle-white {
@apply hidden!;
}
&.toggle-dark {
@apply block!;
}
}
}
}
}
.content {
@apply ms-[5rem]!;
}
.app-header {
@apply ps-[5rem]!;
}
}
}
/* End Icon-Overlay Styles */
preview/assets/scss/switcher/_icontext.scss
+70
View File
@@ -0,0 +1,70 @@
/* Start IconText-Menu Styles */
[data-vertical-style="icontext"][data-toggled="icon-text-close"] {
@media screen and (min-width: 992px) {
&:not([data-icon-text="open"]) {
.app-sidebar {
@apply w-[9.5rem]!;
.slide__category,
.side-menu__angle {
@apply hidden;
}
.side-menu__item {
@apply block! text-center! text-xs! px-0!;
.side-menu__icon {
@apply mx-auto mb-2 w-full block;
}
}
.slide.has-sub {
.slide-menu {
@apply hidden! px-0!;
}
}
.app-sidebar .slide {
@apply px-[0.25rem]!;
}
.main-sidebar-header {
@apply w-[9.5rem]!;
.header-logo {
.desktop-logo,
.toggle-logo,.toggle-white,
.desktop-white {
@apply hidden;
}
.desktop-dark {
@apply block;
}
.toggle-dark {
@apply hidden;
}
}
}
.main-menu {
@apply px-0;
}
}
&.dark {
.app-sidebar {
.main-sidebar-header {
.header-logo {
.toggle-logo,
.toggle-dark ,.toggle-white{
@apply hidden;
}
.desktop-dark {
@apply block;
}
}
}
}
}
}
.content {
@apply ms-[9.5rem];
}
.app-header {
@apply ps-[9.5rem];
}
}
}
/* End IconText-Menu Styles */
preview/assets/scss/switcher/_loader.scss
+13
View File
@@ -0,0 +1,13 @@
/* Loader Styles */
[loader="disable"] {
#loader {
@apply hidden;
}
}
/* Loader Styles */
/* Start:: Loader */
#loader {
@apply fixed top-0 start-0 w-full h-full bg-white dark:bg-bodybg2 flex justify-center items-center z-[9999];
}
/* End:: Loader */
preview/assets/scss/switcher/_menu-scrollable.scss
+19
View File
@@ -0,0 +1,19 @@
/* Start Menu-Scrollable Styles */
[data-menu-position="scrollable"] {
.app-sidebar {
@apply absolute;
.main-sidebar-header {
position: absolute;
}
#sidebar-scroll {
@apply pb-0;
}
}
&:not([data-nav-layout="horizontal"]) {
.content {
@apply min-h-[1300px];
}
}
}
/* End Menu-Scrollable Styles */
preview/assets/scss/switcher/_menu-styles.scss
+1653
View File
File diff suppressed because it is too large Load Diff