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

Initial commit - Master Admin UI

Browse Source
This commit is contained in:
Gagan7900
2026-07-07 18:38:36 +05:30
commit 66e2c15e51
26539 changed files with 789907 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/scss/custom/_authentication.scss
+130
View File
@@ -0,0 +1,130 @@
.authentication {
@apply min-h-screen;
.authentication-brand {
&.desktop-logo {
@apply block;
}
&.desktop-dark {
@apply hidden;
}
}
.swiper-button-next,
.swiper-button-prev {
@apply w-[1.563rem]! h-[1.563rem]! text-white! bg-black/30! rounded-md!;
&:after,&:before {
@apply text-white! ;
}
}
.swiper-pagination-bullet {
@apply w-[1.25rem]! h-[0.25rem]! rounded-md! bg-white! dark:!bg-bodybg;
}
.swiper-pagination-bullet-active {
@apply bg-white! dark:!bg-bodybg ;
}
.swiper-pagination-bullet {
@apply opacity-[0.1];
}
.swiper-pagination-bullet-active {
@apply opacity-[0.5];
}
.google-svg {
@apply w-3 h-3 me-2;
}
.authentication-barrier {
@apply relative before:absolute before:w-[45%] before:h-[0.125rem] before:bg-gradient-to-l before:from-transparent before:to-light before:rounded-full before:end-0 before:top-[0.563rem] before:z-[1] after:absolute after:w-[45%] after:h-[0.125rem] after:bg-gradient-to-l after:from-light after:to-transparent after:rounded-full after:start-0 after:top-[0.563rem] after:z-[1];
span {
@apply relative z-[2];
}
}
&.coming-soon,
&.under-maintenance {
.authentication-cover {
@apply bg-[url('../images/media/media-19.jpg')];
.aunthentication-cover-content {
@apply w-full h-full p-[3rem] backdrop:filter-none bg-white dark:bg-bodybg;
&:before,
&:after {
@apply hidden;
}
.coming-soon-time,
.under-maintenance-time {
@apply border-2 border-dashed border-black/10;
}
.authentication-brand {
@apply w-auto h-auto border-0;
}
}
}
}
.coming-soom-image-container,
.under-maintenance-image-container {
img {
@apply w-full h-auto;
}
}
.authentication-cover {
@apply bg-[url('../images/authentication/1.jpg')] bg-cover bg-center bg-no-repeat w-full h-full flex items-center justify-center relative before:absolute before:w-full before:h-full before:inset-0 before:bg-primary/10;
.aunthentication-cover-content {
@apply w-[70%]! h-[37.5rem]! bg-black/20! p-8! backdrop-blur-[1.875rem]! relative! ;
img {
@apply my-0 mx-auto w-[13.75rem] h-[13.75rem];
}
}
}
&.authentication-basic {
.desktop-dark {
@apply hidden;
}
.desktop-logo {
@apply block;
}
}
}
.dark {
.authentication {
&.authentication-basic {
.desktop-dark {
@apply block;
}
.desktop-logo {
@apply hidden;
}
}
.authentication-brand {
&.desktop-logo {
@apply hidden;
}
&.desktop-dark {
@apply block;
}
}
}
}
// .under-maintenance,.coming-soon {
// @apply p-[3rem]!;
// }
public/assets/scss/custom/_dashboard_styles.scss
+1193
View File
File diff suppressed because it is too large Load Diff
public/assets/scss/custom/_error.scss
+14
View File
@@ -0,0 +1,14 @@
#particles-js {
@apply absolute w-full h-full bg-white;
}
.error-page {
@apply absolute w-full min-h-screen flex bg-center bg-cover bg-no-repeat items-center justify-center;
}
.error-text {
@apply text-[8.25rem] font-medium leading-none;
}
@media (max-width: 575.98px) {
.error-text {
@apply text-[3rem];
}
}
public/assets/scss/custom/_header.scss
+432
View File
@@ -0,0 +1,432 @@
/* Start::app-header */
.app-header {
@apply w-full max-w-full h-[3.75rem] z-[100] fixed top-0 start-0 border-b border-b-headerbordercolor dark:border-white/10 transition-all ease-linear duration-[0.1s] bg-white dark:bg-bodybg;
#mainHeaderProfile {
@apply text-headerprimecolor;
}
}
.app-header {
@apply lg:ps-60;
}
.header-icon-badge {
@apply absolute py-[0.15rem] px-1 top-3 bottom-[0.45rem] text-[0.625rem];
}
.related-app {
@apply text-center rounded-md border border-defaultborder dark:border-white/10;
&:hover {
@apply bg-light;
}
}
.header-profile-dropdown {
@apply min-w-[11rem] top-[15px]!;
}
.dark {
.dropdown-profile {
p {
@apply text-white/70;
}
span {
@apply text-white/70;
}
}
}
/* End::app-header */
/* Start::main-header-container */
.main-header-container {
@apply flex items-stretch justify-between h-full;
.header-content-left,
.header-content-right {
@apply flex items-center!;
}
.header-element {
@apply flex items-stretch;
}
.header-link {
@apply flex items-center py-4 px-[0.65rem];
&:hover,
&.show {
.header-link-icon {
@apply fill-headerprimecolor text-headerprimecolor;
}
}
}
.header-link-icon {
@apply w-7 h-7 text-xl text-headerprimecolor fill-headerprimecolor transition-all ease-linear duration-[0.05s] flex items-center relative rounded-[50%] p-1;
&:hover {
@apply bg-light;
}
}
.dropdown-toggle {
@apply no-underline;
&::after {
@apply content-none;
}
}
.main-profile-user {
.dropdown-menu {
@apply w-52;
}
.dropdown-item {
@apply font-normal text-[0.8125rem] text-defaulttextcolor py-5 px-4 h-[2.375rem] flex items-center;
&:hover {
@apply text-primary;
i {
@apply text-primary opacity-[1];
}
}
}
}
.main-header-dropdown {
@apply top-[-3px] shadow-[0rem_0.25rem_0.625rem_rgba(20,20,20,0.1)];
&.header-shortcuts-dropdown {
@apply w-[22rem];
}
.dropdown-item {
@apply p-[0.65rem] border-b border-b-defaultborder dark:border-b-white/10;
&:last-child {
@apply border-b-0;
}
}
}
.cart-dropdown .main-header-dropdown {
@apply w-[22rem]!;
}
.notifications-dropdown .main-header-dropdown {
@apply w-[22rem];
}
}
// @keyframes slideIn {
// 0% {
// @apply opacity-0 translate-y-24;
// }
// 100% {
// @apply opacity-[1];
// }
// 0% {
// @apply opacity-0 translate-y-24;
// }
// }
[dir="rtl"] {
.sidemenu-toggle {
.open-toggle {
@apply rotate-180;
}
}
}
/* End::main-header-container */
/* Start::Header-dropdown */
.header-product-item {
@apply ps-0 flex;
li {
@apply relative list-none text-[0.75rem] font-normal text-textmuted pe-[0.938rem];
}
li:nth-child(2),
li:nth-child(3),
li:nth-child(4) {
@apply before:absolute before:start-[-0.438rem] before:w-px before:top-1 before:h-2.5 before:bg-textmuted before:opacity-[0.1];
}
}
.header-cart-remove {
.ti {
@apply p-1 rounded-sm text-[0.85rem] ms-3 text-danger;
}
&:hover {
.ti {
@apply bg-danger/10;
}
}
}
/* End::Header-dropdown */
/* Start::header-search */
#searchModal {
.form-control {
@apply relative;
}
.input-group {
@apply border-[2px] border-primary rounded-sm;
i {
@apply text-textmuted;
}
}
}
.search-tags {
@apply text-[0.75rem] text-defaulttextcolor border border-defaultborder rounded-sm bg-light py-0.5 px-[0.55rem] leading-[1.2] inline-flex items-center cursor-default font-normal m-1;
.tag-addon:last-child {
@apply rounded-md;
}
a.tag-addon {
@apply no-underline cursor-pointer inline-block py-0 px-2 bg-light me-[-0.4rem] ms-2 text-center min-w-[1.5rem];
i {
@apply align-middle my-0 -mx-[0.25rem] leading-6 text-[var(--font-size-defaultsize)];
}
}
i {
@apply text-[var(--font-size-defaultsize)];
}
}
/* End::header-search */
/* Start::header-country-selector */
.country-selector {
.header-link img {
@apply w-5 h-5;
}
.dropdown-menu {
img {
@apply w-4 h-4;
}
}
}
/* End::header-country-selector */
/* Start:header dropdowns scroll */
#header-shortcut-scroll,
#header-notification-scroll,
#header-cart-items-scroll {
@apply max-h-80;
}
/* End:header dropdowns scroll */
/* Start::header badge pulse */
.pulse {
@apply block cursor-pointer animate-pulse;
&.pulse-secondary {
@apply shadow-[0rem_0rem_0rem_rgba(35,183,229,0.4)];
}
}
@-webkit-keyframes pulse-secondary {
0% {
@apply shadow-[0_0_0_0_secondary/40];
}
70% {
@apply shadow-[0_0_0_0_secondary/0];
}
100% {
@apply shadow-[0_0_0_0_secondary/0];
}
}
// @keyframes pulse-secondary {
// 0% {
// @apply shadow-[0_0_0_0_secondary/40];
// }
// 70% {
// @apply shadow-[0_0_0_0_secondary/0];
// }
// 100% {
// @apply shadow-[0_0_0_0_secondary/0];
// }
// }
/* End::header badge pulse */
/* Start::Header theme-mode icon style */
[class="light"] {
.layout-setting .dark-layout {
@apply hidden;
}
.layout-setting .light-layout {
@apply block;
display: block;
}
}
.layout-setting .dark-layout {
@apply hidden;
}
.layout-setting .light-layout {
display: block;
}
.dark {
.layout-setting .light-layout {
@apply hidden;
}
.layout-setting .dark-layout {
@apply block;
}
}
/* End::Header theme-mode icon style */
/* Start::Header fullscreen responsive */
@media (max-width: 767.98px) {
.header-element.header-fullscreen {
@apply hidden;
}
}
/* End::Header fullscreen responsive */
/* Start::Responsive header dropdowns */
@media (max-width: 575.98px) {
.app-header {
.dropdown-menu {
@apply w-full;
}
}
}
/* End::Responsive header dropdowns */
/* Start::toggle */
.animated-arrow.hor-toggle {
@apply text-center w-8 text-[1.2rem] relative m-[0.3125rem] me-[0.625rem];
}
.animated-arrow {
@apply absolute start-0 top-0 z-[50] cursor-pointer p-[0.3125rem] mt-[0.375rem] mb-0 ms-2 me-0 transition-all ease-in-out duration-[0.05s];
}
.animated-arrow.hor-toggle span {
@apply align-middle;
}
.animated-arrow span {
@apply cursor-pointer h-0.5 w-3 bg-headerprimecolor dark:bg-white/60 absolute block content-[""] transition-all ease-in-out duration-[0.05s];
}
.animated-arrow span:before,
.animated-arrow span:after {
@apply transition-all ease-in-out duration-[0.05s];
}
.animated-arrow span {
@apply before:top-[-0.375rem] before:w-[1.4375rem];
}
.animated-arrow span {
@apply after:bottom-[-0.375rem] after:w-60;
}
.animated-arrow span:before,
.animated-arrow span:after {
@apply cursor-pointer h-0.5 w-[1.0625rem] bg-headerprimecolor dark:bg-white/60 absolute block content-[""];
}
[data-toggled="icon-overlay-close"],
[data-toggled="close-menu-close"],
[data-toggled="icon-text-close"],
[data-toggled="detached-close"],
[data-toggled="menu-click-closed"],
[data-toggled="menu-hover-closed"],
[data-toggled="icon-click-closed"],
[data-toggled="icon-hover-closed"],
[data-toggled="double-menu-close"] {
.animated-arrow span {
@apply bg-transparent! bg-none! ;
}
.animated-arrow span {
@apply before:!rotate-45 before:!bottom-0 ;
}
.animated-arrow span {
@apply before:!top-0;
}
.animated-arrow span {
@apply after:!-rotate-45;
}
.animated-arrow span {
@apply after:!w-[1.0625rem] after:!top-0;
}
}
/* End::toggle */
/* Start::header notification dropdown */
.header-notification-text {
@apply max-w-[14.5rem];
}
/* Start::header notification dropdown */
.header-icon {
@apply text-[1.125rem] leading-[1.75rem] text-headerprimecolor;
}
.badge {
@apply py-[0.25rem] px-[0.45rem] font-[600] rounded-sm leading-none text-center;
}
.avatar.avatar-sm {
@apply w-[1.75rem]! h-[1.75rem]! leading-[1.75rem]! text-[0.65rem]! ;
}
.dropdown-divider {
@apply m-0 border-defaultborder dark:border-defaultborder/10 border-t;
}
.dark {
.app-header {
@apply bg-bodybg! border-b! border-b-white/10!;
}
}
@media (max-width: 575.98px) {
.main-header-container .header-element > button,
.main-header-container .header-element > a {
@apply py-4!;
}
}
@media (max-width: 991.98px) {
.app-header .horizontal-logo .header-logo img {
@apply h-8 leading-8;
}
}
public/assets/scss/custom/_job_landing.scss
+39
View File
@@ -0,0 +1,39 @@
.bg-banner-2 {
@apply relative top-0 bg-[url('../images/media/backgrounds/4.png')] bg-cover bg-center bg-no-repeat z-[0] before:absolute before:w-full before:h-full before:bg-primary/80 before:inset-0 before:-z-[1] ;
}
.featured-jobs {
@apply hidden border border-solid border-defaultborder dark:border-defaultborder/10;
}
.feature-style .feature-style-icon {
@apply relative! w-[4rem]! h-[4rem]! leading-[4rem]! text-[1.25rem]! items-center! justify-center! inline-flex! rounded-full! font-medium!;
}
.feature-style .feature-style-icon img, .feature-style .feature-style-icon svg {
@apply w-[2.5rem] h-[2.5rem];
}
.feature-style {
@apply relative hidden overflow-hidden before:absolute before:w-[4rem] before:h-[4rem] before:-end-[1.5rem] before:-bottom-[1.5rem] before:bg-primary/10 before:rounded-full;
}
.bg-banner {
@apply bg-primary dark:bg-primary text-white relative overflow-hidden z-[1] before:absolute before:h-full before:w-full before:top-0 before:bg-[url('../images/media/backgrounds/7.jpg')] before:bg-no-repeat
before:bg-bottom before:bg-cover before:opacity-[0.1] before:transition-all before:ease-linear before:duration-[0.3sec] before:-z-[1];
}
.featured-card-4 svg {
@apply w-[1.5rem] h-[1.5rem];
}
// .landing-footer-list li {
// @apply py-0 px-[12px];
// }
.landing-body .landing-main-footer .landing-footer-list li:not(:first-child) {
@apply relative before:absolute before:w-[0.3rem] before:h-[0.3rem] before:border before:border-solid before:border-defaultborder/10 before:rounded-full before:bg-transparent
before:-start-[0.2rem] before:top-2;
}
.custom-form-group {
@apply relative flex items-center;
}
.custom-form-group .custom-form-btn {
@apply absolute end-2 rounded-[0.3rem] flex items-center justify-center bg-white dark:bg-bodybg;
}
.custom-form-group .custom-form-btn .gps-location {
@apply text-textmuted opacity-[0.6] text-[1.0625rem] leading-[0] me-[10px];
}
public/assets/scss/custom/_landing.scss
+513
View File
@@ -0,0 +1,513 @@
/* Start Landing Styles */
.landing-body .landing-main-image img {
@apply z-[11] relative w-[26.063rem] h-[26.063rem] bg-black/[0.05] rounded-full before:absolute before:w-[24.5rem] before:h-[24.5rem] before:bg-black/10 before:opacity-[0.3] before:start-[5rem] before:top-[0rem] before:rounded-full
after:absolute after:w-[12.5rem] after:h-[12.5rem] after:bg-transparent after:border-primary/50 after:opacity-[0.3] after:start-[5.1rem] after:bottom-[4.4rem];
}
[data-nav-layout="horizontal"] {
@media (min-width: 992px) {
&[class="dark"] {
.landing-body {
.app-sidebar .slide.has-sub.open .slide-menu.child1::before {
@apply bg-bodybg!;
}
.app-sidebar.sticky.sticky-pin {
.landing-logo-container {
.responsive-logo-dark img {
@apply block;
}
.responsive-logo-light img {
@apply hidden;
}
}
}
}
.landing-body {
.app-sidebar.sticky {
@apply bg-primary/10!;
}
.app-sidebar.sticky.sticky-pin {
@apply bg-bodybg! shadow-[0_0.25rem_1rem_rgba(255,255,255,0.1)]!;
}
}
}
&[class="light"] {
.landing-body {
.app-sidebar.sticky.sticky-pin {
@apply shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]!;
}
.app-sidebar.sticky.sticky-pin {
.responsive-logo-dark img {
@apply hidden!;
}
.responsive-logo-light img {
@apply block!;
}
}
}
}
.landing-body {
.app-sidebar {
@apply bg-primary/10 dark:bg-primary/10 py-4;
.side-menu__item .side-menu__angle {
@apply text-white! dark:!text-defaulttextcolor/10;
}
.slide.has-sub.open {
.slide-menu {
&.child1,
&.child2,
&.child3 {
@apply bg-white dark:bg-bodybg;
.slide .side-menu__item {
.side-menu__angle {
@apply text-[#536485]! dark:!text-defaulttextcolor/10;
}
&:hover,
&.active {
@apply text-primary!;
.side-menu__angle {
@apply text-primary!;
}
&::before {
@apply border-primary!;
}
}
}
}
}
}
.side-menu__item {
@apply rounded-sm p-[0.3rem];
}
.slide-menu.child1 {
@apply rounded-sm py-[0.55rem] px-[0.3rem];
.side-menu__item {
@apply px-[1.6rem]! py-2!;
}
}
.slide.has-sub.open .slide-menu.child1 {
@apply overflow-visible! text-defaulttextcolor! dark:!text-defaulttextcolor/70 start-auto! hover:!text-primary active:!text-primary before:!absolute before:!-top-[7px] before:!start-[10%] before:!w-[13px] before:!h-[13px] before:!z-[99999] before:!border
before:!border-solid before:!border-transparent before:!rotate-45 before:!bg-white;
}
.slide.has-sub .slide-menu {
@apply start-auto!;
}
.side-menu__item {
@apply pe-[1.3rem] ps-[1.3rem] text-[#536485];
}
.side-menu__item.active,
.side-menu__item:hover {
@apply bg-transparent! text-primary!;
.side-menu__label,
.side-menu__angle {
@apply text-white! opacity-100!;
}
}
.slide-menu.child1 .slide .side-menu__item:before {
@apply top-[1.2rem]! start-[0.65rem]!;
}
.landing-logo-container {
.responsive-logo-dark img {
@apply block;
}
.responsive-logo-light img {
@apply hidden;
}
}
}
.app-sidebar.sticky.sticky-pin {
.side-menu__label {
@apply text-defaulttextcolor! dark:!text-white;
}
.side-menu__angle {
@apply text-defaulttextcolor! dark:!text-white;
}
.side-menu__item {
&.active,
&:hover {
@apply text-primary!;
.side-menu__label,
.side-menu__angle {
@apply text-primary!;
}
}
}
.landing-logo-container {
.responsive-logo-dark img {
@apply hidden;
}
.responsive-logo-light img {
@apply block;
}
}
}
}
.landing-body .app-sidebar .sticky {
@apply top-0! px-0! h-auto! bg-primary/10! dark:!bg-primary/10 shadow-none! border-e-0!;
}
.landing-body .app-sidebar .main-sidebar {
@apply h-auto!;
}
.landing-body .app-sidebar.sticky.sticky-pin {
@apply bg-white dark:bg-bodybg;
}
}
.landing-body {
.app-sidebar {
.slide .side-menu__item {
@apply py-[0.8rem]! px-4!;
&.active,
&:hover {
@apply text-white dark:text-defaulttextcolor/10;
}
}
}
.app-sidebar .sticky.sticky-pin .side-menu__item.active {
@apply font-normal;
.side-menu__label {
@apply text-defaulttextcolor!;
}
}
.accordion.accordion-primary .accordion-button.collapsed:after {
@apply bg-white! dark:!bg-bodybg text-primary! ;
}
.landing-banner {
@apply relative w-full h-[37rem] top-0 bg-[url('../images/media/landing/banner.jpg')] bg-cover bg-center bg-no-repeat
before:absolute before:w-full before:h-full before:bg-primary before:opacity-70;
.main-banner-container {
@apply py-[4rem] px-[3rem];
}
.landing-banner-heading {
@apply leading-[1.25] text-[3rem] font-[600] text-white dark:text-defaulttextcolor/10;
}
}
.main-menu-container .main-menu {
@apply ps-0;
}
.content {
@apply mt-[4rem];
}
.section {
@apply py-[3.375rem] px-0 bg-cover relative;
}
.featur-icon {
@apply w-[75px] h-[75px] p-[14px] rounded-full bg-white/[0.05] my-0 mx-auto;
}
.feature-logos {
@apply flex justify-center;
}
.landing-Features {
@apply relative w-full h-full top-0 bg-[url('../images/media/landing/2.jpg')] bg-cover bg-center bg-no-repeat z-[9]
before:absolute before:w-full before:h-full before:top-0 before:-z-[1] before:bg-primary/95;
}
.landing-testimonials .swiper-pagination-bullet {
@apply bg-primary!;
&:active {
@apply bg-primary!;
}
}
.landing-section-heading {
@apply relative text-[0.813rem] font-[600] before:absolute before:w-[60%] before:h-[0.25rem] before:bg-gradient-to-r before:from-success before:to-success/10 before:opacity-[0.5] before:-top-[0.625rem] before:rounded-[3.125rem] before:end-0;
}
.customize-image img {
@apply w-[30.5rem] h-[20rem] mt-[20px] p-[15px] relative;
}
h3 {
@apply text-[1.75rem];
}
.team-card .team-avatar {
@apply shadow-[0_0_0_0.5rem_rgba(0,0,0,0.05)]! ;
}
.landing-footer {
@apply bg-black! border-b! border-solid! border-white/10! ;
}
.landing-main-footer {
@apply bg-black;
}
.landing-footer-list li {
@apply mb-2;
}
.brand-img-white {
@apply block;
}
.swiper-pagination-bullet {
@apply w-[1.25rem]! h-[0.25rem]! rounded-md! bg-white! dark:!bg-bodybg;
}
.brand-img-light {
@apply block;
}
@media (min-width: 992px) {
.app-sidebar {
@apply top-0! px-0! h-auto! shadow-none! border-0!;
.side-menu__label {
@apply text-white dark:text-defaulttextcolor/10 opacity-[0.8];
}
.main-sidebar {
@apply h-auto!;
}
.side-menu__item {
.side-menu__angle {
@apply text-[#536485];
}
&:hover {
.side-menu__angle {
@apply text-white dark:text-defaulttextcolor/10;
}
}
}
&.app-sidebar .side-menu__label {
@apply text-white dark:text-defaulttextcolor/10;
}
.landing-logo-container .horizontal-logo {
.desktop-white {
@apply hidden;
}
.desktop-logo {
@apply block;
}
}
&.app-sidebar .side-menu__item:hover {
.side-menu__label {
@apply text-white dark:text-defaulttextcolor/10;
}
}
}
.app-header {
@apply hidden;
}
.main-sidebar-header {
@apply block!;
}
.main-menu-container {
@apply flex items-center justify-between;
.slide-left,
.slide-right {
@apply hidden;
}
}
.main-content {
@apply p-0;
}
.landing-logo-container {
.horizontal-logo .header-logo {
.desktop-logo {
@apply hidden;
}
}
}
}
iframe {
@apply w-full;
}
@media (max-width: 991.98px) {
.app-sidebar .side-menu__item.active,
.app-sidebar .side-menu__item:hover {
@apply bg-transparent;
}
.main-menu-container .main-menu {
@apply ps-[20px]!;
}
.app-sidebar {
.slide {
@apply p-0;
}
}
.landing-logo-container {
.horizontal-logo .header-logo {
.desktop-logo {
@apply hidden!;
}
.desktop-white {
@apply hidden!;
}
}
}
}
@media (max-width: 1115.98px) {
.landing-body .landing-main-image img {
@apply bg-transparent! before:!hidden after:!hidden;
}
}
@media (max-width: 767.98px) {
.landing-banner {
@apply h-[34rem];
.main-banner-container {
@apply p-4;
}
}
}
@media (max-width: 400px) {
.landing-body .landing-banner {
@apply h-[45rem];
}
}
@media (max-width: 480px) {
.landing-banner {
.section {
@apply py-[4.375rem] px-0;
}
}
}
}
@media (max-width: 420px) {
.landing-body .landing-banner {
@apply h-[37.5rem];
.main-banner-container {
@apply p-4;
}
.landing-banner-heading {
@apply text-[2rem];
}
}
}
@media (max-width: 992px) {
.landing-body {
.app-sidebar .side-menu__item {
@apply py-[0.8rem] pr-[5rem] ps-4;
}
.app-sidebar .slide-menu.child1 li,
.app-sidebar .slide-menu.child2 li,
.app-sidebar .slide-menu.child3 li {
@apply p-0 ps-0 relative;
}
}
}
&.dark {
@media (min-width: 992px) {
.landing-body {
.main-menu-container {
.landing-logo-container {
.horizontal-logo .header-logo {
.desktop-logo {
@apply hidden!;
}
}
}
}
.app-sidebar .side-menu__item {
@apply text-defaulttextcolor/70;
}
}
}
.landing-body {
@media (max-width: 991.98px) {
.app-header {
.main-header-container {
.horizontal-logo .header-logo {
.toggle-logo {
@apply hidden;
}
.toggle-dark {
@apply block;
}
}
}
}
}
.landing-trusted-companies {
img {
@apply invert-[1];
}
}
.app-sidebar.sticky-pin {
.landing-logo-container .horizontal-logo {
.desktop-white {
@apply block;
}
}
}
}
.brand-img-light {
@apply block;
}
.brand-img-white {
@apply hidden;
}
.section-bg {
@apply bg-black/10;
}
}
.landing-body {
@media (min-width: 992px) {
.app-sidebar {
.main-menu {
@apply pe-6;
}
}
}
}
@media (max-width: 991.98px) {
.landing-body {
.main-content {
@apply pt-[3.75rem]!;
}
}
.landing-main-image {
@apply hidden;
}
}
}
.landing-body {
.pickr-container-primary :last-child button {
@apply block;
}
.pickr-container-background :last-child button {
@apply block;
}
}
@media (max-width: 991.98px) {
.landing-body {
.app-sidebar .slide-menu {
@apply ps-4;
}
.app-sidebar .slide-menu.child1 .side-menu__item,
.app-sidebar .slide-menu.child2 .side-menu__item {
@apply py-[0.45rem] px-[1.6rem]!;
}
}
}
/* End Landing Styles */