Gagan7900
138 lines
2.4 KiB
SCSS
138 lines
2.4 KiB
SCSS
/* 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 */
|