effendy/app-test-nuxt
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
effendy
2025-11-26 07:49:54 +00:00
commit d8685ccf10
468 changed files with 41346 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
scss/_override.scss Executable file
View File

@@ -0,0 +1,154 @@
html {
.bg-success {
color: white !important;
}
.bg-primary {
color: $white !important;
}
.bg-secondary {
color: $white !important;
}
.bg-warning {
color: $white !important;
}
.bg-info {
color: $white !important;
}
.bg-success {
color: $white !important;
}
.bg-error {
color: $white !important;
}
.bg-lightprimary-100 {
background-color: rgb(var(--v-theme-lightprimary), 0.4) !important;
}
}
.round-40 {
height: 40px;
width: 40px;
}
.border,
.v-divider {
border-color: rgba(var(--v-border-color), 1) !important;
}
.avtar-border {
border: 2px solid rgb(var(--v-theme-surface)) !important;
}
.v-dialog {
&.dialog-mw {
max-width: 800px;
}
}
.round-56 {
height: 56px;
width: 56px;
}
.round-48 {
height: 48px;
width: 48px;
}
.round-30 {
height: 30px;
width: 30px;
}
.lh-0 {
line-height: 0 !important;
}
.lh-28 {
line-height: 28px !important;
}
.lh-32 {
line-height: 32px !important;
}
.space-p-96 {
padding: 96px 0 !important;
}
.ps-96 {
padding-inline-start: 96px !important;
}
.pt-96 {
padding-top: 96px !important;
}
.end-0 {
inset-inline-end: 0;
}
.top-0 {
top: 0;
}
.no-scrollbar {
height: calc(100vh - 350px);
}
.msg-chat-height {
height: calc(-500px + 100vh);
}
@media screen and (max-width:991px) {
.overflow-x-reposive {
overflow-x: scroll;
overflow-y: hidden;
}
}
@media screen and (max-height:767px) {
.msg-chat-height {
height: calc(-315px + 100vh);
}
}
.max-h-600 {
max-height: 600px;
height: calc(100vh - 100px);
}
.custom-hover-primary {
.iconify {
color: rgba(var(--v-theme-textPrimary), 0.9) !important;
}
&:hover {
background-color: rgb(var(--v-theme-lightprimary));
.iconify {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
.no-icon {
.v-input__prepend,
.v-input__append {
display: none !important;
}
}

163
scss/_variables.scss Executable file
View File

@@ -0,0 +1,163 @@
@use 'sass:math';
@use 'sass:map';
@use 'sass:meta';
@use 'vuetify/lib/styles/tools/functions' as *;
// Custom Variables
// colors
$white: #fff !default;
// cards
$card-title-size: 18px !default;
$body-font-family: "Manrope", sans-serif !default;
$border-radius-root: 8px;
$btn-letter-spacing: 0 !default;
// Global Shadowsss
$box-shadow: 0px 2px 4px -1px #afb6c933;
// Global Radius as per breakeven point
@forward 'vuetify/settings' with (
$color-pack: false !default,
// Global font size and border radius
$font-size-root: 1rem,
$border-radius-root: $border-radius-root,
$body-font-family: $body-font-family,
$heading-font-family: $body-font-family !default,
// 👉 Typography
$typography:
(
//36px
'h1': (
'size': 2.25rem,
'weight': 600,
'line-height': 3.75rem,
'font-family': inherit
),
//30px
'h2': (
'size': 1.875rem,
'weight': 600,
'line-height': 2.25rem,
'font-family': inherit
),
//22px
'h3': (
'size': 1.375rem,
'weight': 600,
'line-height': 2rem,
'font-family': inherit
),
//20px
'h4': (
'size': 1.25rem,
'weight': 600,
'line-height': 1.6rem,
'font-family': inherit
),
//18px
'h5': (
'size': 1.125rem,
'weight': 600,
'line-height': 1.6rem,
'font-family': inherit
),
//16px
'h6': (
'size': 1rem,
'weight': 600,
'line-height': 1.2rem,
'font-family': inherit
),
//15px
'subtitle-1': (
'size': 0.94rem,
'weight': 400,
'line-height': 1.1rem,
'font-family': inherit,
'letter-spacing':0rem
),
//13px
'subtitle-2': (
'size': 0.81rem,
'weight': 400,
'line-height': 1rem,
'font-family': inherit,
'letter-spacing':0rem
),
//14px
'body-1': (
'size': 0.875rem,
'weight': 400,
'font-family': inherit,
'letter-spacing':0rem
),
//12px
'body-2': (
'size': 0.75rem,
'weight': 400,
'font-family': inherit,
'letter-spacing':0rem
),
//13px
'button': (
'size': 0.81rem,
'weight': 600,
'font-family': inherit,
'text-transform': capitalize
),
//14px
'caption': (
'size':0.875rem,
'weight': 400,
'font-family': inherit,
'letter-spacing':0rem
),
//12px
'overline': (
'size': 0.75rem,
'weight': 400,
'font-family': inherit,
'letter-spacing':0rem
)
)
!default,
// 👉 Button
$button-border-radius: 8px !default,
$button-text-letter-spacing: 0 !default,
$button-text-transform: capitalize,
$button-elevation: (
'default': 0,
'hover': 4,
'active': 8
)
!default,
// 👉 Tooltip
$tooltip-background-color: #212121 !default,
$tooltip-text-color: rgb(var(--v-theme-on-primary)) !default,
$tooltip-font-size: 0.75rem !default,
$tooltip-border-radius: 4px !default,
$tooltip-padding: 4px 8px !default,
// 👉 Rounded
$rounded:
(
0: 0,
'sm': $border-radius-root - 4,
null: $border-radius-root,
'md': $border-radius-root + 4,
'lg': $border-radius-root * 2,
'xl': $border-radius-root + 8,
'pill': 9999px,
'circle': 50%
),
// 👉 Card
$card-elevation: 10 !default,
$card-title-line-height: 1.6 !default,
$card-text-padding: 24px !default,
$card-item-padding: 30px 30px !default,
$card-actions-padding: 10px 24px 24px !default,
$card-subtitle-opacity: 1 !default,
);

24
scss/components/_VAlert.scss Executable file
View File

@@ -0,0 +1,24 @@
.single-line-alert {
.v-alert__close,
.v-alert__prepend {
align-self: center !important;
}
}
@media (max-width: 500px) {
.single-line-alert {
display: flex;
flex-wrap: wrap;
.v-alert__append {
margin-inline-start: 0px;
}
.v-alert__close {
margin-left: auto;
}
.v-alert__content {
width: 100%;
margin-top: 5px;
}
}
}

16
scss/components/_VBreadcrumb.scss Executable file
View File

@@ -0,0 +1,16 @@
.v-breadcrumbs{
.v-breadcrumbs-item{
.v-breadcrumbs-item--link{
display: none;
}
&.v-breadcrumbs-item--disabled{
opacity: 1;
.v-breadcrumbs-item--link{
display: block;
}
}
}
.v-breadcrumbs-divider{
padding: 0 4px !important;
}
}

36
scss/components/_VButtons.scss Executable file
View File

@@ -0,0 +1,36 @@
//
// global
.v-btn-group .v-btn {
height: inherit !important;
}
.v-btn-group {
border-color: rgb(var(--v-theme-borderColor)) !important;
}
.v-btn--size-large{
font-size: 14px;
}
.v-btn{
text-transform: capitalize;
letter-spacing: 0;
border-radius: 8px;
&.v-btn--variant-elevated{
box-shadow: none !important;
}
&.v-btn--icon{
border-radius: 50%;
}
}
.btn-white{
background-color: rgb(var(--v-theme-surface)) !important;
padding:10px 15px;
&:hover{
background-color: rgb(var(--v-theme-primary)) !important;
color: #fff !important;
}
}

62
scss/components/_VCard.scss Executable file
View File

@@ -0,0 +1,62 @@
// Outline Card
.v-card--variant-outlined {
border-color: rgba(var(--v-theme-borderColor)) !important;
background-color:rgb(var(--v-theme-surface)) !important;
}
.v-card--variant-elevated,
.v-card--variant-flat {
color: rgb(var(--v-theme-textPrimary));
}
.card-hover {
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
&:hover {
img {
transform: scale(1.09);
transition: transform .2s;
}
}
}
.v-card {
width: 100%;
overflow: visible;
.color-inherits {
color: inherit;
}
.feature-card {
.v-responsive__content {
height: 100%;
}
}
.v-card-title {
line-height: normal !important;
margin-bottom: 4px;
}
.v-card-subtitle{
color: rgb(var(--v-theme-textSecondary));
}
.v-card-text{
font-size: 14px;
}
.v-card-text{
padding: 30px 30px;
}
.v-card-item{
padding: 30px 30px;
}
}
// Theme cards
.cardBordered {
.v-card {
box-shadow: none !important;
border: 1px solid rgb(var(--v-theme-borderColor));
}
}

3
scss/components/_VCarousel.scss Executable file
View File

@@ -0,0 +1,3 @@
.theme-carousel .v-carousel__progress {
position: absolute;
}

9
scss/components/_VChip.scss Executable file
View File

@@ -0,0 +1,9 @@
.v-chip{
&.v-chip--size-small {
--v-chip-size: 10px !important;
--v-chip-height: 25px !important;
font-size: 13px !important;
font-weight: 600;
padding: 0px 10px;
}
}

82
scss/components/_VDatatables.scss Executable file
View File

@@ -0,0 +1,82 @@
.v-table {
&.datatabels {
&.productlist {
.v-data-table-header__content span {
color: rgb(var(--v-theme-textPrimary));
}
.v-toolbar {
.v-input__control {
max-width: 300px;
}
.v-toolbar__content {
height: auto !important;
}
}
thead tr th:first-child {
padding-left: 24px !important;
}
tbody tr td:first-child {
padding-left: 24px !important;
}
}
.v-selection-control--dirty .v-selection-control__input>.v-icon {
color: rgb(var(--v-theme-primary));
}
}
}
@media screen and (max-width:1368px) {
.v-table {
&.datatabels {
&.productlist {
.v-data-table-header__content span {
color: rgb(var(--v-theme-textPrimary));
}
table {
tbody {
tr {
td {
padding: 14px 5px !important;
&:first-child {
padding-left: 15px !important;
}
}
}
}
thead {
tr {
th {
padding: 14px 5px !important;
&:first-child {
padding-left: 15px !important;
}
}
}
}
}
}
}
}
}

9
scss/components/_VExpansionpanel.scss Executable file
View File

@@ -0,0 +1,9 @@
.v-expansion-panel-title__overlay{
background: rgba(var(--v-theme-primary));
}
.v-expansion-panel:not(:first-child)::after {
border-color: transparent !important;
}
.v-expansion-panel-text{
color: rgba(var(--v-theme-textSecondary));
}

31
scss/components/_VField.scss Executable file
View File

@@ -0,0 +1,31 @@
.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
border-radius: $border-radius-root 0 0 $border-radius-root;
}
.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
border-radius: 0 $border-radius-root $border-radius-root 0;
}
.v-field {
font-size: 14px !important;
color: rgba(var(--v-theme-textPrimary));
}
// select outlined
.v-field--variant-outlined .v-field__outline__start,
.v-field--variant-outlined .v-field__outline__notch::before,
.v-field--variant-outlined .v-field__outline__notch::after,
.v-field--variant-outlined .v-field__outline__end {
opacity: 1;
}
.v-label{
color: rgba(var(--v-theme-textPrimary)) !important;
}
.v-field.v-field--active .v-label.v-field-label--floating{
color: rgba(var(--v-theme-textPrimary),0.6) !important;
}

34
scss/components/_VInput.scss Executable file
View File

@@ -0,0 +1,34 @@
// variant
.v-input--density-default,
.v-field--variant-solo,
.v-field--variant-filled {
--v-input-control-height: 51px;
--v-input-padding-top: 14px;
}
// comfortable
.v-input--density-comfortable {
--v-input-control-height: 44px !important;
}
// compact
.v-input--density-compact {
--v-input-padding-top: 10px;
}
.v-label {
font-size: 0.875rem;
opacity: 1;
}
.v-switch .v-label,
.v-checkbox .v-label {
opacity: 1;
}
.v-text-field__suffix {
opacity: 1;
padding-left: 20px;
}
.shadow-none .v-field--variant-solo {
box-shadow: none !important;
}

18
scss/components/_VLabs.scss Executable file
View File

@@ -0,0 +1,18 @@
.v-time-picker-clock{
background: rgb(var(--v-theme-background)) ;
}
.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default{
border: 0 !important;
}
.v-stepper-header,.v-stepper.v-sheet{
box-shadow: none !important;
}
.v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
width: 55px !important;
height: 55px !important;
font-size: 30px;
}
.v-time-picker-controls__time__separator {
font-size: 36px !important;
}

32
scss/components/_VList.scss Executable file
View File

@@ -0,0 +1,32 @@
.v-list.theme-list {
.v-list-item:hover > .v-list-item__overlay {
opacity: 1;
z-index: 1;
}
.v-list-item--variant-text {
.v-list-item__overlay {
background: rgb(var(--v-theme-light));
}
}
.v-list-item__prepend,
.v-list-item__content {
z-index: 2;
}
.v-list-item__overlay {
background-color: rgb(var(--v-theme-light));
}
.v-list-item.v-list-item--active{
.v-list-item__overlay{
opacity: 1;
}
}
.mail-items{
min-height: 40px !important;
margin-bottom: 5px !important;
}
}

3
scss/components/_VNavigationDrawer.scss Executable file
View File

@@ -0,0 +1,3 @@
.v-navigation-drawer__scrim.fade-transition-leave-to {
display: none;
}

6
scss/components/_VPagination.scss Executable file
View File

@@ -0,0 +1,6 @@
.v-pagination {
.v-btn--icon.v-btn--density-default{
height: 40px !important;
width: 40px !important;
}
}

19
scss/components/_VSelectionControl.scss Executable file
View File

@@ -0,0 +1,19 @@
// For checkbox & radios
.v-selection-control__input > .v-icon.mdi-checkbox-blank-outline,
.v-selection-control__input > .v-icon.mdi-radiobox-blank {
color: rgba(var(--v-theme-muted),0.5);
opacity: 1;
}
.v-switch .v-label, .v-checkbox .v-label,.v-selection-control .v-label{
font-weight: 500;
}
.v-select{
.v-field{
color: rgba(var(--v-theme-textPrimary),0.9) !important;
font-weight: 600 !important;
}
.v-field__input{
padding-top: 7px !important;
}
}

31
scss/components/_VShadow.scss Executable file
View File

@@ -0,0 +1,31 @@
.elevation-9 {
box-shadow: rgb(0 0 0 / 5%) 0px 9px 17.5px !important;
}
.elevation-10 {
box-shadow: $box-shadow !important;
}
.elevation-1 {
box-shadow:0px 12px 30px -2px rgba(58,75,116,0.14) !important
}
.elevation-2 {
box-shadow:0px 24px 24px -12px rgba(0, 0, 0, .05) !important
}
.elevation-3 {
box-shadow: rgba(145,158,171,0.2) 0px 0px 2px 0px, rgba(145,158,171,0.12) 0px 12px 24px -4px !important;
}
.elevation-4{
box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.15) !important;
}
.elevation-dropdown{
box-shadow: #919eab4d 0 0 2px, #919eab1f 0 12px 24px -4px !important;
}
.primary-shadow {
box-shadow: rgba(var(--v-theme-primary), 0.30) 0px 12px 14px 0px;
&:hover {
box-shadow: none;
}
}

8
scss/components/_VStepper.scss Executable file
View File

@@ -0,0 +1,8 @@
.v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
background: rgb(var(--v-theme-primary)) !important;
}
.v-stepper-item__avatar.v-avatar {
background: rgba(var(--v-theme-primary), var(--v-medium-emphasis-opacity)) !important;
color: rgb(var(--v-theme-on-primary)) !important;
}

52
scss/components/_VSwitch.scss Executable file
View File

@@ -0,0 +1,52 @@
.v-selection-control.v-selection-control--density-default {
.v-switch__track{
background-color: rgb(var(--v-theme-muted),0.3);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-grey200),0.3);
}
&.v-selection-control--dirty {
.v-selection-control__wrapper.text-primary {
.v-switch__track {
background-color: rgba(var(--v-theme-primary), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-primary));
}
}
.v-selection-control__wrapper.text-secondary {
.v-switch__track {
background-color: rgba(var(--v-theme-secondary), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-secondary));
}
}
.v-selection-control__wrapper.text-warning {
.v-switch__track {
background-color: rgba(var(--v-theme-warning), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-warning));
}
}
.v-selection-control__wrapper.text-error {
.v-switch__track {
background-color: rgba(var(--v-theme-error), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-error));
}
}
.v-selection-control__wrapper.text-success {
.v-switch__track {
background-color: rgba(var(--v-theme-success), 0.6);
}
.v-switch__thumb {
background-color: rgb(var(--v-theme-success));
}
}
}
}

228
scss/components/_VTable.scss Executable file
View File

@@ -0,0 +1,228 @@
.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>td,
.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>th,
.v-table .v-table__wrapper>table>thead>tr:last-child>th {
border-bottom: thin solid rgba(var(--v-theme-borderColor)) !important;
}
.v-table {
&.dark-table {
background-color: rgb(var(--v-theme-grey200));
}
}
.v-table {
.v-table__wrapper {
table {
tbody {
tr {
td {
padding: 14px 24px !important;
&:first-child {
padding-left: 0;
}
}
}
}
thead {
tr {
th {
padding: 14px 24px !important;
&:first-child {
padding-left: 0;
}
}
}
}
}
}
}
.v-table {
&.ticket-table {
table {
thead {
th {
font-weight: 600 !important;
}
}
tbody {
tr {
td {
padding: 20px 24px !important;
}
}
}
}
}
&.invoice-table {
.v-table__wrapper {
table {
thead {
th {
font-weight: 600 !important;
padding: 0px 24px !important;
&:first-child {
padding-left: 0 !important;
}
&:last-child {
padding-right: 0 !important;
}
}
}
tbody {
tr {
td {
padding: 8px 24px !important;
&:first-child {
padding-left: 0 !important;
}
&:last-child {
padding-right: 0 !important;
}
}
}
}
}
}
}
&.revenue-table {
.v-table__wrapper {
table {
tbody {
tr {
td {
padding: 14px 24px !important;
&:first-child {
padding-left: 0 !important;
}
}
}
}
thead {
tr {
th {
padding: 14px 24px !important;
&:first-child {
padding-left: 0 !important;
}
}
}
}
}
}
}
&.light-border {
.v-table__wrapper>table>tbody>tr:not(:last-child)>td {
border-bottom: thin solid rgba(var(--v-theme-borderColor), 0.3) !important;
}
.v-table__wrapper>table>tbody>tr:not(:last-child)>th,
.v-table__wrapper>table>thead>tr:last-child>th {
border-bottom: thin solid rgba(var(--v-theme-borderColor), 0.3) !important;
}
}
}
.v-data-table {
th.v-data-table__th {
font-size: 16px;
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
td.v-data-table__td {
font-size: 14px;
text-wrap: nowrap;
}
.v-data-table-footer {
padding: 15px 8px;
}
.v-data-table-header__sort-badge {
background-color: rgb(var(--v-theme-borderColor)) !important;
}
.tdhead {
font-size: 16px;
}
}
@media screen and (max-width:767px) {
.v-data-table-footer {
justify-content: center;
}
}
.datatabels {
overflow: hidden;
table {
tbody {
tr {
td {
padding: 14px 24px;
&:first-child {
padding-left: 24px !important;
}
}
}
}
thead {
tr {
th {
padding: 14px 24px;
&:first-child {
padding-left: 24px !important;
}
}
}
}
}
}
// Datatable Pagination
.v-pagination {
.v-pagination__list {
.v-pagination__item--is-active {
.v-btn {
.v-btn__overlay {
opacity: 0;
}
background-color: rgb(var(--v-theme-light)) !important;
}
}
}
}

12
scss/components/_VTabs.scss Executable file
View File

@@ -0,0 +1,12 @@
.theme-tab {
&.v-tabs {
.v-tab {
border-radius: $border-radius-root !important;
min-width: auto !important;
&.v-slide-group-item--active {
background: rgb(var(--v-theme-primary));
}
}
}
}

22
scss/components/_VTextField.scss Executable file
View File

@@ -0,0 +1,22 @@
.v-text-field input {
font-size: 0.875rem;
}
.v-field__outline {
color: rgb(var(--v-theme-borderColor));
--v-field-border-opacity: 1 !important;
}
.input {
.v-field--variant-outlined {
background-color: rgba(0, 0, 0, 0.025);
}
}
input::placeholder {
color: rgba(var(--v-theme-textPrimary),0.6) !important;
opacity: 1 !important;
}
textarea::placeholder {
color: rgba(var(--v-theme-textPrimary),0.6) !important;
opacity: 1 !important;
}

7
scss/components/_VTextarea.scss Executable file
View File

@@ -0,0 +1,7 @@
.v-textarea input {
font-size: 0.875rem;
font-weight: 500;
&::placeholder {
color: rgba(0, 0, 0, 0.38);
}
}

14
scss/components/_VTooltip.scss Executable file
View File

@@ -0,0 +1,14 @@
.v-tooltip{
.v-overlay__content{
border-radius: $border-radius-root + 4 !important;
}
}
.v-tooltip{
&.custom-tooltip {
.v-overlay__content {
background: rgba(var(--v-theme-secondary), 0.9);
color: white;
}
}
}

595
scss/front/_general.scss Executable file
View File

@@ -0,0 +1,595 @@
@keyframes slideup {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0px, -100%, 0px);
}
}
.animateDown {
animation: 35s linear 0s infinite normal none running slideDown;
}
@keyframes slideDown {
0% {
transform: translate3d(0, -100%, 0);
}
100% {
transform: translate3d(0px, 0, 0px);
}
}
// OfferBar
.offerbar {
position: relative;
top: 0;
width: 100%;
z-index: 999;
.white-btn {
background-color: rgba(var(--v-theme-surface), 0.15);
font-weight: 700;
height: 25px;
}
&:before {
background-repeat: no-repeat;
content: '';
position: absolute;
background-image: url('@/assets/images/front-pages/background/left-shape.png');
bottom: 0;
height: 40px;
left: 0;
width: 325px;
}
&:after {
background-repeat: no-repeat;
content: '';
position: absolute;
background-image: url('@/assets/images/front-pages/background/right-shape.png');
bottom: 0;
right: 17%;
width: 325px;
top: 0;
background-size: contain;
}
}
//
// frameworks
//
.slider-group {
animation: slide 45s linear infinite;
}
.marquee1-group {
animation: marquee 45s linear infinite;
}
.marquee2-group {
animation: marquee2 45s linear infinite;
}
@keyframes slide {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
@keyframes marquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-2086px, 0, 0);
}
}
@keyframes marquee2 {
0% {
transform: translate3d(-2086px, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
.front-wraper {
overflow: hidden;
.underline-link {
text-underline-offset: 4px;
}
.underline-link-6 {
text-underline-offset: 6px;
text-decoration-thickness: 2px;
}
.main-banner {
min-width: 1300px;
overflow: hidden;
max-height: 700px;
height: calc(100vh - 100px);
img {
max-width: 100%;
height: auto;
}
}
.team {
&:hover {
.intro {
opacity: 1;
}
}
.intro {
opacity: 0;
bottom: 16px;
inset-inline-start: .75rem;
inset-inline-end: .75rem;
transition: 0.5s;
}
}
// Revenue Products
.feature-tabs {
.v-slide-group__content {
gap: 16px;
padding-bottom: 56px;
}
.v-btn {
background-color: rgba(var(--v-theme-surface));
padding: 16px 24px;
border-radius: 12px !important;
font-size: 16px;
box-shadow: 0px 24px 24px -12px rgba(0, 0, 0, .05);
}
.v-slide-group-item--active.v-tab--selected {
background-color: rgba(var(--v-theme-primary));
box-shadow: 0px 24px 24px -12px rgba(99, 91, 255, .15);
.v-btn__content {
color: #fff;
.v-tab__slider {
display: none;
}
}
}
}
.v-container {
&.max-width-1218 {
max-width: 1218px !important;
}
}
.v-container {
&.max-width-800 {
max-width: 800px !important;
}
&.max-width-1000 {
max-width: 1000px !important;
}
}
.max-w-600 {
max-width: 600px !important;
}
.template {
.left-widget {
position: absolute;
top: 96px;
inset-inline-start: -40px;
max-height: 400px;
width: auto;
}
.right-widget {
position: absolute;
top: 96px;
inset-inline-end: -40px;
max-height: 400px;
width: auto;
}
}
.feature-tabs {
.v-tab__slider {
top: 0;
bottom: unset;
}
&.v-tabs--density-default {
--v-tabs-height: auto;
}
}
.feature-tabs-expansion {
.v-expansion-panel-text__wrapper {
padding: 0px 0px 16px;
}
.v-expansion-panel-title {
padding: 16px 0px;
}
.v-expansion-panel {
background-color: transparent !important;
}
.v-expansion-panel--active:not(:first-child),
.v-expansion-panel--active+.v-expansion-panel {
margin-top: 0;
}
}
.leader-slider {
.carousel__slide {
padding: 0 15px;
}
.carousel__viewport {
margin: 0 -15px;
padding-bottom: 30px;
}
.carousel__prev,
.carousel__next {
top: -85px;
width: 100%;
justify-content: end;
margin: 0;
transform: none;
display: flex;
justify-content: center
}
.carousel__next {
height: 48px;
width: 48px;
border-radius: 50%;
background: rgb(var(--v-theme-lightprimary));
}
.carousel__prev {
height: 48px;
width: 48px;
border-radius: 50%;
background: rgb(var(--v-theme-lightprimary));
right: 65px;
left: unset;
}
}
.our-template {
.carousel__slide {
padding: 0 15px 40px;
}
.carousel__viewport {
margin: 0 -106px;
}
}
.testimonials {
.carousel__prev,
.carousel__next {
width: 100%;
justify-content: end;
margin: 0;
transform: translateY(75px);
display: flex;
justify-content: center;
bottom: 0;
}
.carousel__next {
height: 32px;
width: 32px;
border-radius: 50%;
background: rgb(var(--v-theme-background));
left: -60%;
}
.carousel__prev {
height: 32px;
width: 32px;
border-radius: 50%;
background: rgb(var(--v-theme-background));
right: 65px;
left: -74%;
}
.carousel {
padding-bottom: 25px;
}
.slide-counter {
position: relative;
bottom: -4px;
left: 50px;
z-index: 2;
font-size: 15px;
opacity: 0.7;
}
}
.social-icon {
svg {
path {
fill: rgb(255, 255, 255);
&:hover {
fill: rgb(var(--v-theme-primary));
}
}
}
}
.package {
.v-list-item {
min-height: 35px !important;
}
}
.lp-faq {
.v-expansion-panel-title__icon {
.v-icon {
font-size: 20px;
opacity: 0.5
}
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion)> :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion)> :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion)> :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.v-expansion-panel--active:not(:first-child),
.v-expansion-panel--active+.v-expansion-panel {
margin-top: 0px !important;
}
}
.animted-img {
position: absolute;
z-index: 9;
top: 0%;
animation: mover 5s infinite alternate;
}
.animted-img-2 {
position: absolute;
z-index: 9;
top: -35px;
inset-inline-end: 15px;
animation: mover 5s infinite alternate;
}
@keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}
.carousel__pagination {
.carousel__pagination-button {
padding: 6px;
&::after {
height: 8px;
width: 8px;
border-radius: 50%;
background-color: transparent;
background-color: rgb(var(--v-theme-textPrimary));
opacity: 0.25;
}
&:hover {
&::after {
background-color: #000;
opacity: 1;
}
}
}
.carousel__pagination-button--active {
&::after {
background-color: #000;
opacity: 1;
}
}
}
.carousel {
z-index: 2;
}
}
.v-btn--size-default {
&.nav-links {
font-size: $font-size-root !important;
.v-btn__overlay {
display: none;
}
&:hover {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
.light-primary {
background-color: rgb(var(--v-theme-primary), 0.1);
}
.announce-close {
position: absolute;
right: 15px;
}
.text-align-start{
text-align: start;
}
@media screen and (max-width:1199px) {
.ps-96 {
padding-inline-start: 60px !important;
}
.space-p-96 {
padding: 55px 0 !important;
}
.pt-96 {
padding-top: 55px !important;
}
.offerbar {
&:after {
background-image: none;
}
}
.offerbar:after,
.offerbar:before {
display: none;
}
}
@media screen and (max-width:1024px) {
.front-wraper .testimonials .slide-counter {
left: 67px;
}
.space-p-96 {
padding: 40px 0 !important;
}
.pt-96 {
padding-top: 40px !important;
}
.front-wraper .bg-collection {
background-image: none;
}
.front-wraper .our-template .carousel__viewport {
margin: 0 0px;
}
.ps-96 {
padding-inline-start: 20px !important;
padding-inline-end: 20px !important;
}
}
@media screen and (max-width:991px) {
.text-align-start{
text-align: center;
}
}
@media screen and (max-width:767px) {
.technology {
.round-54 {
height: 45px;
width: 45px;
img {
height: 22px;
}
}
}
.front-wraper {
.display-2 {
font-size: 32px;
line-height: normal;
}
.display-1 {
font-size: 32px;
line-height: normal;
}
}
.front-wraper .leader-slider .carousel__viewport {
margin: 0 0px;
}
.announce-close {
bottom: 8px;
}
.text-48 {
font-size: 30px !important;
line-height: 40px !important;
}
.text-56 {
font-size: 35px !important;
line-height: 40px !important;
}
.team {
.intro {
opacity: 1 !important;
}
}
}

100
scss/front/_header.scss Executable file
View File

@@ -0,0 +1,100 @@
.front-lp-header {
.v-toolbar{
background: rgb(var(--v-theme-surface));
}
&.v-app-bar .v-toolbar__content {
padding: 0;
}
.v-toolbar__content {
background: transparent !important;
}
&.v-toolbar {
background: transparent !important;
top: 0 !important;
}
.v-toolbar {
background: transparent !important;
}
&.sticky-header {
position: fixed !important;
top: 0 !important;
transition: 0.5s;
background-color: rgba(var(--v-theme-surface)) !important;
}
}
//
// mega menu
//
.white-btn{
background-color: #769CFF;
}
.front_wrapper {
&.v-menu .v-overlay__content {
margin: 0 auto;
left: 0 !important;
right: 0;
}
.megamenu {
&::before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 96%;
background-color: rgba(55, 114, 255, 0.2);
border-radius: 7px;
opacity: 0;
}
.v-btn {
top: 50%;
transform: translateY(-50%);
z-index: 1;
left: 0;
right: 0;
min-width: 100px;
opacity: 0;
font-size: 13px;
}
&:hover {
&::before,
.v-btn {
opacity: 1;
}
}
}
}
.lp-drawer {
&.v-navigation-drawer {
top: 0 !important;
height: 100% !important;
z-index: 1007 !important;
}
}
.lp-mobile-sidebar {
.v-list {
.v-list-item__content {
overflow: inherit;
}
}
.v-list-group__items .v-list-item {
padding-inline-start: 25px !important;
}
}
.v-btn--size-default {
&.nav-links {
font-size: $font-size-root !important;
}
}

214
scss/landingpage/_general.scss Executable file
View File

@@ -0,0 +1,214 @@
@media (min-width: 900px) {
.bannerTitle {
font-size: 55px;
line-height: 60px;
}
}
.bannerSlider {
padding: 25.6px;
min-width: 2000px;
height: calc(100vh - 100px);
max-height: 790px;
border-radius: 7px;
}
.animateUp {
animation: 35s linear 0s infinite normal none running slideup;
}
@keyframes slideup {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0px, -100%, 0px);
}
}
.animateDown {
animation: 35s linear 0s infinite normal none running slideDown;
}
@keyframes slideDown {
0% {
transform: translate3d(0, -100%, 0);
}
100% {
transform: translate3d(0px, 0, 0px);
}
}
//
// Sections common
//
.sectionTitle {
font-size: 25px;
line-height: 30px;
}
@media (min-width: 1200px) {
.sectionTitle {
font-size: 36px;
line-height: 43px;
}
}
//
// frameworks
//
.slider-group {
animation: slide 45s linear infinite;
}
@keyframes slide {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
//
// support
//
.ticket {
overflow: hidden;
width: 100%;
padding: 0px;
position: relative;
background-image: url('@/assets/images/landingpage/shape/line-bg.svg');
background-repeat: no-repeat;
background-position: center center;
}
//
// money back
//
.money-back {
overflow: hidden;
width: 100%;
padding: 0px;
position: relative;
background-image: url('@/assets/images/landingpage/shape/line-bg-2.svg');
background-repeat: no-repeat;
background-position: center center;
}
.btn-custom-md {
height: 53px !important;
padding: 0 48px !important;
}
.btn-custom-lg {
height: 56px !important;
padding: 0 48px !important;
}
.btn-custom {
height: 53px;
padding: 0 31px;
&.lp-btn-shadow {
box-shadow: rgb(0 0 0 / 8%) 0px 12px 40px -8px;
}
}
.chip-custom {
font-weight: 600;
padding: 5px 25px !important;
height: 32px !important;
font-size: 12px !important;
}
//
// our products
//
.ourproducts {
.carousel__slide {
display: block;
img {
border-radius: 12px;
box-shadow: 16px 16px 40px 5px rgb(29 53 79 / 10%);
margin: 0 auto;
max-width: 800px;
width: 100%;
}
}
}
.lp-wraper {
background-color: rgba(var(--v-theme-surface));
overflow: hidden;
.maxWidth{
max-width: 1320px !important;
}
.v-container {
max-width: 1320px !important;
}
.carousel__pagination {
.carousel__pagination-button {
padding: 6px;
&::after {
height: 8px;
width: 8px;
border-radius: 50%;
background-color: transparent;
background-color: rgb(var(--v-theme-textPrimary));
opacity: 0.25;
}
&:hover {
&::after {
background-color: #000;
opacity: 1;
}
}
}
.carousel__pagination-button--active {
&::after {
background-color: #000;
opacity: 1;
}
}
}
.carousel {
z-index: 2;
}
@media screen and (max-width: 991px) {
.v-toolbar__content > .v-btn:last-child{
margin-inline-end: 0px !important;
}
}
}
@media screen and (max-width: 600px) {
.m-btn-full {
width: 100%;
}
}
.v-btn--size-default {
&.nav-links {
font-size: $font-size-root !important;
.v-btn__overlay {
display: none;
}
&:hover {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
.row-up {
z-index: 1;
position: relative;
}
.prev-btn{
margin: 0 150px;
}

87
scss/landingpage/_header.scss Executable file
View File

@@ -0,0 +1,87 @@
.lp-header {
&.v-app-bar .v-toolbar__content {
padding: 0;
}
.v-toolbar{
background: rgb(var(--v-theme-surface));
}
}
//
// mega menu
//
.lp_wrapper {
&.v-menu .v-overlay__content {
margin: 0 auto;
left: 0 !important;
right: 0;
}
.megamenu {
line-height: 10px;
&::before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(55, 114, 255, 0.2);
border-radius: 7px;
opacity: 0;
}
.v-btn {
top: 50%;
transform: translateY(-50%);
z-index: 1;
left: 0;
right: 0;
min-width: 100px;
opacity: 0;
font-size: 13px;
}
&:hover {
&::before,
.v-btn {
opacity: 1;
}
}
}
}
.lp-drawer {
&.v-navigation-drawer {
width: 260px !important;
top: 0 !important;
height: 100% !important;
z-index: 1007 !important;
left: -5px !important;
}
}
.lp-mobile-sidebar {
.v-list {
.v-list-item__content {
overflow: inherit;
}
}
.v-list-group__items .v-list-item {
padding-inline-start: 25px !important;
}
}
.v-btn--size-default {
&.nav-links {
font-size: $font-size-root !important;
}
}
@media (max-width: 1199px) {
.main-head{
&.v-app-bar .v-toolbar__content{
width: 100%;
justify-content: space-between;
padding: 0 10px;
}
}
}

44
scss/layout/_container.scss Executable file
View File

@@ -0,0 +1,44 @@
html {
overflow-y: auto;
}
@media (max-width: 1279px) {
.v-main {
margin: 0 10px;
}
}
.cursor-pointer {
cursor: pointer;
}
.page-wrapper {
min-height: calc(100vh - 100px);
padding: 24px 24px 30px 24px !important;
@media screen and (max-width: 767px) {
padding: 20px 10px !important;
}
}
.maxWidth {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
@media screen and (max-width: 1368px) {
padding: 0 0px !important;
}
@media screen and (max-width: 1199px) {
padding: 0 8px !important;
}
}
.fixed-width {
max-width: 1300px;
}
.right-pos-img {
position: absolute;
right: 0;
top: 0;
height: 100%;
}

100
scss/layout/_customizer.scss Executable file
View File

@@ -0,0 +1,100 @@
.v-btn.customizer-btn {
position: fixed;
bottom: 30px;
right: 30px;
border-radius: 50%;
z-index: 5;
.icon {
animation: progress-circular-rotate 1.4s linear infinite;
transform-origin: center center;
transition: all 0.2s ease-in-out;
}
}
.btn-group-custom {
&.v-btn-group {
height: 66px !important;
overflow: unset !important;
.v-btn {
height: 66px;
padding: 0 20px;
border: 1px solid rgb(var(--v-theme-borderColor), 0.7);
transition: all 0.1s ease-in 0s;
&:hover {
transform: scale(1.05);
}
&.text-primary {
.v-btn__overlay {
background: transparent !important;
}
.icon {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
}
}
.hover-btns {
transition: all 0.1s ease-in 0s;
&:hover {
transform: scale(1.05);
}
}
// all template colors
.v-avatar.themeBlue,
.v-avatar.themeDarkBlue {
background: #635BFF;
}
.v-avatar.themeAqua,
.v-avatar.themeDarkAqua {
background: #0074ba;
}
.v-avatar.themePurple,
.v-avatar.themeDarkPurple {
background: #763ebd;
}
.v-avatar.themeGreen,
.v-avatar.themeDarkGreen {
background: #0a7ea4;
}
.v-avatar.themeCyan,
.v-avatar.themeDarkCyan {
background: #01c0c8;
}
.v-avatar.themeOrange,
.v-avatar.themeDarkOrange {
background: #fa896b;
}
.DARK_BLUE_THEME, .DARK_AQUA_THEME, .DARK_ORANGE_THEME, .DARK_PURPLE_THEME, .DARK_GREEN_THEME, .DARK_CYAN_THEME {
.togglethemeBlue {
display: block !important;
}
.togglethemeDarkBlue {
display: none !important;
}
}
.BLUE_THEME, .AQUA_THEME, .ORANGE_THEME, .PURPLE_THEME, .GREEN_THEME, .CYAN_THEME {
.togglethemeDarkBlue {
display: block !important;
}
.togglethemeBlue {
display: none !important;
}
}

73
scss/layout/_dark.scss Executable file
View File

@@ -0,0 +1,73 @@
// theme : dark
div[class*='v-theme--DARK_'] {
.smallCap {
color: rgb(var(--v-theme-textSecondary));
}
.elevation-10 {
box-shadow: none !important;
}
.v-field__outline {
--v-field-border-opacity: 0.38 !important;
}
#vector-map .dxm-layers path {
fill: #7C8FAC !important;
}
.svgMap-map-wrapper {
.svgMap-country {
stroke: transparent;
fill: #43516a !important;
&#svgMap-map-country-IN {
fill: rgb(var(--v-theme-primary)) !important;
}
&#svgMap-map-country-AF {
fill: rgb(var(--v-theme-error)) !important;
}
&#svgMap-map-country-US {
fill: rgb(var(--v-theme-secondary)) !important;
}
}
.svgMap-map-controls-zoom {
background: #43516a !important;
.svgMap-control-button.svgMap-zoom-button:before,
.svgMap-control-button.svgMap-zoom-in-button:after {
background: #9b9898 !important;
}
}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:after,
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:before {
background: #9b9898 !important;
}
}
.dark-table {
background-color: rgb(var(--v-theme-light)) !important;
}
.authentication {
background-color: rgba(var(--v-theme-light)) !important;
}
.front-wraper{
.bg-darkgray{
background-color: #0a2540 !important;
}
.text-hover-sky {
color: rgb(var(--v-theme-white));
&:hover {
color: rgb(var(--v-theme-primary));
}
}
}
}

208
scss/layout/_horizontal.scss Executable file
View File

@@ -0,0 +1,208 @@
.horizontalLayout{
.v-main{
margin: 0 16px !important;
@media screen and (max-width: 767px) {
margin: 0 10px !important;
}
}
}
.horizontal-header {
&.v-app-bar .v-toolbar__content {
padding: 0;
display: flex;
justify-content: space-between;
}
.maxWidth{
padding: 0 20px !important;
@media screen and (max-width: 1199px) {
padding: 0 8px !important;
}
}
}
.ddMenu{
&.ddLevel-1{
.navItem{
.navItemLink{
.dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
}
}
&:hover{
.dot {
background-color: rgb(var(--v-theme-primary));
}
}
}
}
&.ddLevel-2{
.navItem{
.navItemLink{
.dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
}
}
&:hover{
.dot {
background-color: rgb(var(--v-theme-primary));
}
}
}
}
}
.horizontalMenu {
.v-toolbar__content {
max-width: 1270px;
margin: 0 auto;
}
.navItem:has(.ddMenu.ddLevel-1 li a.router-link-active) {
background-color: rgb(var(--v-theme-primary)) !important;
border-radius: 12px ;
.navcollapse{
color: rgba(255,255,255);
}
}
}
.mobile-menu {
.v-navigation-drawer {
margin-top: -70px !important;
height: 100vh !important;
z-index: 2000 !important;
}
}
@media (min-width: 960px) {
.horizontalMenu {
margin-top: 70px;
margin-bottom: -70px;
.maxWidth {
.horizontal-navbar {
max-width: 1160px;
}
}
}
.horizontal-navbar {
padding: 16px 0;
margin: 0px auto;
align-items: center;
display: flex;
z-index: 11;
font-size: 0.875rem;
position: relative;
ul {
padding: 0px;
margin: 0px;
}
.ddMenu{
li{
a{
color: rgb(var(--v-theme-textPrimary)) !important;
}
}
}
li {
list-style: none;
a {
text-decoration: none;
display: flex;
align-items: center;
padding: 10px 13px;
height: 40px;
.navIcon {
margin-right: 10px;
display: flex;
}
.ddIcon {
margin-top: 2px;
}
&.router-link-exact-active {
background-color: rgb(var(--v-theme-primary));
color: white !important;
.dot{
background-color: rgba(255,255,255) !important;
}
}
&:hover {
color: rgb(var(--v-theme-primary));
}
}
}
.navItem {
position: relative;
}
.ddMenu {
position: absolute;
width: 230px;
display: none;
top: 40px;
padding: 10px;
z-index: 1;
background-color: rgb(var(--v-theme-surface));
box-shadow: $box-shadow;
border-radius: $border-radius-root;
li {
margin-bottom: 3px;
}
}
.ddLevel-2,
.ddLevel-3 {
top: -5px;
left: 212px;
}
.navItem:hover {
>.ddMenu {
display: block;
}
}
>li:hover {
background-color: rgb(var(--v-theme-lightprimary));
border-radius: $border-radius-root + 4px;
>.navItemLink {
color: rgb(var(--v-theme-primary));
opacity: 1;
}
}
.router-link-exact-active {
color: rgb(var(--v-theme-primary));
font-weight: 500;
background-color: rgb(var(--v-theme-lightprimary));
border-radius: $border-radius-root;
}
}
}

122
scss/layout/_reboot.scss Executable file
View File

@@ -0,0 +1,122 @@
.h-100 {
height: 100%;
}
.w-100 {
width: 100%;
}
.h-100vh {
height: 100vh;
}
.gap-2 {
gap: 8px;
}
.gap-3 {
gap: 16px;
}
.gap-4 {
gap: 24px;
}
.text-white {
color: rgb(255, 255, 255) !important;
}
// border
.border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.opacity-1 {
opacity: 1 !important;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-80 {
opacity: 0.8;
}
.z-auto.v-card {
z-index: auto;
}
.obj-cover {
object-fit: cover;
}
.cursor-move{
cursor: move;
}
.z-index-2{
z-index: 2;
}
h1,h2,h3,h4,h5,h6{
font-weight: 600 !important;
}
.lh-30{
line-height: 30px;
}
.lh-0{
line-height: 0;
}
.heading{
color:rgba(var(--v-theme-textPrimary));
}
body{
font-size: 14px;
color: rgb(var(--v-theme-textSecondary));
}
.hover-link-primary{
&:hover{
color:rgba(var(--v-theme-primary)) !important;
}
}
//Date time picker
input[type="date"],input[type="time"] {
display:block !important;
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator {
display:block !important;
}
.ProseMirror{
min-height: 150px;
}
.upload-btn-wrapper{
width: 150px;
height: 140px;
margin: 0 auto;
box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
input[type=file] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
height: 100%;
width: 100%;
}
}
.bg-transparent{
background-color: transparent !important;
}
@media screen and (max-width:1368px) and (min-width:1200px){
.space-20{
padding: 30px 20px !important;
}
}

296
scss/layout/_rtl.scss Executable file
View File

@@ -0,0 +1,296 @@
.v-locale--is-rtl {
.v-btn.customizer-btn {
left: 30px;
right: unset;
}
.leftSidebar {
border-left: 0;
border-right: unset;
left: auto;
right: 0;
}
.mini-sidebar {
.v-main {
margin-right: 15px !important;
}
}
.ml-1 {
margin-left: unset !important;
margin-right: 4px;
}
.ml-2 {
margin-left: unset !important;
margin-right: 8px;
}
.mr-1 {
margin-right: unset !important;
margin-left: 4px;
}
.mr-2 {
margin-right: unset !important;
margin-left: 8px;
}
.mr-3 {
margin-right: unset !important;
margin-left: 12px !important;
}
.mr-4 {
margin-right: unset !important;
margin-left: 16px !important;
}
.ml-3 {
margin-left: unset !important;
margin-right: 12px;
}
.ml-4 {
margin-left: unset !important;
margin-right: 16px;
}
.ml-5 {
margin-left: unset !important;
margin-right: 20px;
}
.ml-6 {
margin-left: unset !important;
margin-right: 24px;
}
.ml-10 {
margin-left: unset !important;
margin-right: 40px;
}
.pl-1 {
padding-left: unset !important;
padding-right: 4px !important;
}
.pl-2 {
padding-left: unset !important;
padding-right: 8px !important;
}
.pr-2 {
padding-left: 8px !important;
}
.pr-4 {
padding-left: 16px !important;
padding-right: unset !important;
}
.pl-4 {
padding-left: unset !important;
padding-right: 16px !important;
}
.pl-5 {
padding-left: unset !important;
padding-right: 20px !important;
}
.right-pos-img {
right: unset;
left: 0;
transform: scaleX(-1);
top: 0;
}
.badg-dotDetail {
left: 0;
right: -8px;
}
.badg-dot {
left: 12px;
}
.text-right {
text-align: left !important;
}
.text-sm-right,
.text-md-right {
text-align: left !important;
}
.text-sm-left {
text-align: right !important;
}
.text-left {
text-align: right !important;
}
.ml-auto,
.ml-sm-auto {
margin-left: unset !important;
margin-right: auto !important;
}
.mr-auto {
margin-right: unset !important;
margin-left: auto;
}
.authentication .auth-header {
left: unset;
right: 0;
}
.horizontal-navbar {
li {
margin-right: 0;
margin-left: 15px;
a {
padding-left: 10px;
padding-right: 10px;
.navIcon {
margin-right: unset;
margin-left: 10px;
}
}
}
}
/*RTL Horizontal dropdown menu*/
.horizontal-navbar {
.ddLevel-2,
.ddLevel-3 {
top: -5px;
left: unset;
right: 212px;
}
.ddMenu {
padding-left: 0;
}
}
.slider-group {
animation: slider 45s linear infinite;
}
@keyframes slider {
0% {
transform: translate3d(100%, 0, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
.ps--active-y>.ps__rail-y {
right: unset !important;
left: 0;
}
.left-customizer {
.ps__rail-y {
right: 0 !important;
}
}
@media screen and (max-width:1279px) {
.mini-sidebar {
.v-navigation-drawer.v-navigation-drawer--right {
width: 260px !important;
}
.v-navigation-drawer.v-navigation-drawer--left {
width: 320px !important;
}
}
}
@media screen and (max-width:1199px) {
.leftSidebar.v-navigation-drawer--active {
right: 80px !important;
left: auto !important;
}
}
.logo {
img {
transform: scaleX(-1);
}
}
.rtlImg {
transform: scaleX(-1);
}
.marquee1-group {
animation: marquee-rtl 45s linear infinite;
}
.marquee2-group {
animation: marquee2-rtl 45s linear infinite;
}
@keyframes marquee-rtl {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(2086px, 0, 0);
}
}
@keyframes marquee2-rtl {
0% {
transform: translate3d(2086px, 0, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
.front-wraper {
.testimonials {
.slide-counter {
left: -50px;
}
.carousel__prev {
right: -74%;
left: unset;
.rtlnav {
transform: scaleX(-1);
}
}
.carousel__next {
right: -60%;
left: unset;
.rtlnav {
transform: scaleX(-1);
}
}
}
}
}

327
scss/layout/_sidebar.scss Executable file
View File

@@ -0,0 +1,327 @@
/*This is for the logo*/
// .miniicons{
// .miniicons-list{
// &:nth-child(3),&:nth-child(6){
// border-bottom: 1px solid rgb(var(--v-theme-borderColor));
// padding-bottom: 12px;
// margin-bottom: 3px;
// }
// .v-btn{
// &:hover{
// background-color: rgb(var(--v-theme-lightprimary));
// color: rgb(var(--v-theme-primary)) !important;
// }
// &.opacity-1{
// &:hover{
// background-color: rgb(var(--v-theme-lightprimary));
// color: white !important;
// }
// }
// }
// }
// }
.miniicons {
display: flex;
flex-direction: column;
height: 100%; /* Sidebar mengisi tinggi penuh */
.miniicons-list {
&:nth-child(3),&:nth-child(6){
border-bottom: 1px solid rgb(var(--v-theme-borderColor));
padding-bottom: 12px;
margin-bottom: 3px;
}
/* Ikon utama */
&:not(.bottom-icons) {
margin-bottom: 1.5px; /* Memastikan ikon ini berada di atas px;*/
}
/* Ikon di bagian bawah */
&.bottom-icons {
margin-top: 250px; /* Memastikan ikon ini berada di bawah */
display: flex;
flex-direction: column;
// gap: 10px; /* Jarak antar ikon */
}
.v-btn {
&:hover {
background-color: rgb(var(--v-theme-lightprimary));
color: rgb(var(--v-theme-primary)) !important;
}
&.opacity-1 {
&:hover {
background-color: rgb(var(--v-theme-lightprimary));
color: white !important;
}
}
}
}
}
.leftSidebar {
height: 100vh; /* Pastikan sidebar mengisi tinggi penuh */
display: flex;
flex-direction: column; /* Mengatur arah flex menjadi kolom */
box-shadow: none !important;
left: 70px;
.logo {
padding-left: 7px;
}
.mini-icon {
display: none;
}
.mini-text {
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: inherit;
}
.v-list--density-default .v-list-subheader {
padding-inline-start: 0 !important;
}
}
.mini-sidebar{
.v-main{
margin-left: 15px !important;
}
}
/*This is for the Vertical sidebar*/
.miniscrollnavbar {
height: calc(100vh - 100px);
}
.scrollnavbar {
height: calc(100vh - 100px);
.userbottom {
position: fixed;
bottom: 0px;
width: 100%;
}
.smallCap {
padding: 20px 0px 10px !important;
font-size: 0.875rem;
font-weight: 500;
margin-top: 24px;
color: rgb(var(--v-theme-textPrimary));
&:first-child {
margin-top: 0 !important;
}
}
/*General Menu css*/
.v-list-group__items {
.v-list-item {
min-height: 35px !important;
padding-inline-start: calc(12px + var(--indent-padding) / 10) !important;
.v-list-item__prepend .dot {
height: 6px;
width: 6px;
background-color: rgb(var(--v-theme-textSecondary));
border-radius: 50%;
margin-inline-end: 8px !important;
}
.v-list-item-title {
font-size: 14px !important;
}
&:hover {
color: rgb(var(--v-theme-primary));
.v-list-item__prepend .dot {
background-color: rgb(var(--v-theme-primary));
}
}
&.v-list-item--active {
.v-list-item__prepend .dot {
background-color: rgb(var(--v-theme-primary));
}
}
}
}
.v-list-group__items .v-list-item,
.v-list-item {
border-radius: $border-radius-root + 4;
color: rgba(var(--v-theme-textPrimary), 0.8);
margin: 0 0 2px;
&:hover {
color: rgb(var(--v-theme-primary));
}
.v-list-item__prepend {
margin-inline-end: 13px;
}
.v-list-item__append {
font-size: 15px;
.v-icon {
margin-inline-start: 0px;
}
}
.v-list-item__content{
overflow: visible;
}
.v-list-item-title {
font-size: 15px;
text-overflow: unset;
}
}
/*This is for the dropdown*/
.v-list {
color: rgb(var(--v-theme-textSecondary));
>.v-list-item.v-list-item--active,
.v-list-item--active>.v-list-item__overlay {
background: rgb(var(--v-theme-primary));
color: white;
box-shadow: 0 17px 20px -8px rgba(var(--v-theme-primary), 0.2);
}
>.v-list-group {
position: relative;
>.v-list-item--active,
>.v-list-item--active:hover {
background: rgb(var(--v-theme-primary));
color: white;
box-shadow: 0 17px 20px -8px rgba(var(--v-theme-primary), 0.2);
}
.v-list-group__items .v-list-item.v-list-item--active,
.v-list-group__items .v-list-item.v-list-item--active>.v-list-item__overlay {
background: transparent;
color: rgb(var(--v-theme-primary));
}
}
}
.sidebar-menus{
.v-list{
border-bottom: 1px solid rgb(var(--v-theme-borderColor));
&:last-child{
border-bottom:0;
}
}
}
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
padding-inline: 14px;
}
.v-navigation-drawer--rail {
.scrollnavbar .v-list .v-list-group__items,
.hide-menu {
opacity: 1;
}
.leftPadding {
margin-left: 0px;
}
}
@media only screen and (min-width: 1170px) {
.mini-sidebar {
.logo {
width: 40px;
overflow: hidden;
padding-left: 0;
}
.leftSidebar .v-list--density-default .v-list-subheader {
padding-inline-start: 14px !important;
}
.scrollnavbar .v-list-group__items .v-list-item {
padding-inline-start: 20px !important;
}
.smallCap {
padding: 3px 16px !important;
}
.mini-icon {
display: block;
}
.sidebarchip.hide-menu {
opacity: 0;
}
.userbottom .hide-menu {
opacity: 0;
}
.mini-text {
display: none;
}
.v-list {
padding: 14px !important;
}
}
}
// scrollbar
.ps__rail-y {
z-index: 9;
}
.v-navigation-drawer {
box-shadow: none !important;
border-right: 0 !important;
}
.v-menu {
&.mobile_popup {
.v-overlay__content {
width: 100%;
}
.v-btn.search {
color: rgba(var(--v-theme-textSecondary), 0.8) !important;
}
}
}
@media screen and (max-width:1199px) {
.leftSidebar {
&.v-navigation-drawer--active {
left: 80px !important;
z-index: 9999 !important;
}
}
}

136
scss/layout/_text.scss Executable file
View File

@@ -0,0 +1,136 @@
$sizes: (
'display-1': 44px,
'display-2': 40px,
'display-3': 30px,
'h1': 36px,
'h2': 30px,
'h3': 21px,
'h4': 18px,
'h5': 16px,
'h6': 14px,
'text-10': 10px,
'text-12': 12px,
'text-13': 13px,
'text-14': 14px,
'text-15': 15px,
'text-16': 16px,
'text-17': 17px,
'text-18': 18px,
'text-20': 20px,
'text-22': 22px,
'text-24': 24px,
'text-28': 28px,
'text-34': 34px,
'text-44': 44px,
'text-48': 48px,
'text-50': 50px,
'text-56': 56px,
'text-64': 64px
);
@each $pixel, $size in $sizes {
.#{$pixel} {
font-size: $size;
line-height: $size + 10;
}
}
$height: (
'h-10': 10px,
'h-30': 20px,
'h-55': 55px
);
@each $pixel, $size in $height {
.#{$pixel} {
height: $size;
}
}
@media screen and (max-width: 767px) {
@each $pixel, $size in $sizes {
.#{$pixel} {
@if ($pixel == 'text-12' or $pixel == 'text-10') {
font-size: $size; // No change for .text-12 and .text-10
}
@if ($pixel == 'text-44' or $pixel == 'text-50' or $pixel == 'text-64') {
font-size: $size - 10px; // No change for .text-12 and .text-10
}
}
}
}
.textSecondary {
color: rgb(var(--v-theme-textSecondary)) !important;
}
.textPrimary {
color: rgb(var(--v-theme-textPrimary)) !important;
}
// line height
.lh-md {
line-height: 1.57;
}
.lh-inherit {
line-height: inherit;
}
.lh-zero {
line-height: 0;
}
.lh-normal {
line-height: normal;
}
.font-weight-semibold {
font-weight: 600;
}
// hover text
.text-hover-primary {
color: rgb(var(--v-theme-textPrimary));
&:hover {
color: rgb(var(--v-theme-primary));
}
}
.text-hover-sky {
color: rgb(var(--v-theme-darkgray));
&:hover {
color: rgb(var(--v-theme-primary));
}
}
.text-hover-muted {
color: rgb(var(--v-theme-muted));
&:hover {
color: rgb(var(--v-theme-primary));
}
}
.link {
color: rgb(var(--v-theme-textSecondary));
text-decoration: none;
&:hover {
color: rgb(var(--v-theme-primary));
}
}
.hover-primary {
&:hover {
color: rgb(var(--v-theme-primary)) !important;
opacity: 1;
}
}

56
scss/layout/_topbar.scss Executable file
View File

@@ -0,0 +1,56 @@
.v-app-bar {
.v-toolbar__content {
padding: 0 24px 0 10px;
display: flex;
gap:8px;
>.v-btn:first-child {
margin-inline-start: 0;
}
.v-btn {
&.custom-hover-primary{
.iconify{
color: rgba(var(--v-theme-textPrimary), 0.7) !important;
}
&:hover{
background-color: rgb(var(--v-theme-lightprimary)) ;
.iconify{
color: rgb(var(--v-theme-primary)) !important;
}
}
}
}
}
}
.mobile_popup{
.v-btn {
&.custom-hover-primary{
.iconify{
color: rgba(var(--v-theme-textPrimary), 0.7) !important;
}
}
}
}
.custom-text-primary {
&:hover {
.custom-title {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
@media screen and (max-width:1279px) {
.mini-sidebar {
.v-navigation-drawer.v-navigation-drawer--left {
width: 260px !important;
}
}
}

256
scss/pages/_apps.scss Executable file
View File

@@ -0,0 +1,256 @@
//
//Full Calendar
.fc {
.fc-button-group {
>.fc-button {
display: flex;
align-items: center;
padding: 6px 22px;
}
}
.fc-daygrid-event {
border-radius: 4px 20px 20px 4px;
padding: 8px 10px;
font-weight: 500;
border-width: 0 0 0 4px;
border-style: solid;
}
.fc-button {
font-size: 1rem;
font-weight: 500;
text-transform: capitalize;
.fc-icon {
font-size: 1.5em;
vertical-align: unset;
}
}
.fc-button-primary {
background: rgba(var(--v-theme-grey100));
border-color: rgba(var(--v-theme-borderColor));
color: rgb(var(--v-theme-textSecondary));
&:focus {
box-shadow: none;
}
&:hover {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
}
&:not(:disabled).fc-button-active {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
&:focus {
box-shadow: none;
}
}
&:not(:disabled) {
&:active {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
&:focus {
box-shadow: none;
}
}
}
&:disabled {
background-color: rgb(var(--v-theme-primary));
border-color: rgb(var(--v-theme-primary));
opacity: 1;
}
}
.fc-col-header-cell-cushion {
display: inline-block;
padding: 10px 5px;
font-size: 14px;
}
}
.fc-theme-standard {
td {
border: 1px solid rgba(var(--v-border-color), 1) !important;
}
th {
border: 0 !important;
border-width: 0;
height: 56px;
background-color: rgba(var(--v-theme-grey100));
vertical-align: middle;
}
.fc-scrollgrid {
border: 0 !important;
}
}
.fc-h-event {
background-color: rgb(var(--v-theme-primary));
border: 1px solid rgb(var(--v-theme-primary));
display: block;
}
.fc-direction-ltr {
.fc-button-group {
>.fc-button {
&:not(:last-child) {
border-bottom-left-radius: $border-radius-root;
border-top-left-radius: $border-radius-root;
}
&:not(:first-child) {
border-bottom-right-radius: $border-radius-root;
border-top-right-radius: $border-radius-root;
margin-left: -1px;
}
}
}
}
.fc-button-group {
.fc-dayGridMonth-button {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.fc-timeGridDay-button {
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
}
.fc-timeGridWeek-button {
border-radius: 0 !important;
}
}
.fc-today-button {
border-radius: $border-radius-root !important;
}
@media screen and (max-width:600px) {
.fc {
.fc-toolbar {
display: block;
text-align: center;
}
}
.fc-toolbar-chunk {
.fc-toolbar-title {
margin: 15px 0;
}
}
}
// Ecommerce
.product-page {
.left-part {
width: 270px;
}
}
.product-details {
.v-btn-group {
height: 35px;
}
}
.shop-sidebar {
.v-checkbox .v-selection-control {
min-height: 35px;
}
}
#thumbnails {
margin-top: 10px;
.carousel__slide {
border: 2px solid transparent;
line-height: 0px;
border-radius: $border-radius-root + 4px !important;
overflow: hidden;
}
.carousel__slide--active {
border: 2px solid rgb(var(--v-theme-primary));
}
.carousel__track {
display: flex;
gap: 14px
}
}
//Chat
.chatlist {
.v-list-item__prepend>.v-avatar~.v-list-item__spacer {
width: 0;
}
.v-list-item__append {
z-index: 1;
}
}
.attachment {
.download {
opacity: 0;
}
&:hover {
.download {
opacity: 1;
}
}
}
.customTab {
.v-btn {
&.v-tab-item--selected {
background-color: rgb(var(--v-theme-lightprimary)) !important;
.icon {
background-color: rgb(var(--v-theme-primary)) !important;
color: #fff !important;
}
}
}
}
.email-items {
padding: 0px 24px 12px;
&.selected-email {
.email-title {
color: rgb(var(--v-theme-primary)) !important;
}
}
&:hover {
background-color: rgb(var(--v-theme-light));
.email-title {
color: rgb(var(--v-theme-primary)) !important;
}
}
}
.email-content {
p {
margin: 10px 0;
}
}

114
scss/pages/_auth.scss Executable file
View File

@@ -0,0 +1,114 @@
.auth{
z-index: 2;
}
.auth-card{
width: 100%;
max-width: 460px;
}
.min-vh-100{
min-height: 100vh !important;
}
.auth-divider{
span{
z-index: 1;
}
&::before{
position: absolute;
width: 100%;
border-top: thin solid rgb(229, 234, 239);
top: 50%;
content: "";
transform: translateY(50%);
left: 0;
}
&::after
{
position: absolute;
width: 100%;
border-top: thin solid rgb(var(--v-theme-borderColor));
top: 50%;
content: "";
transform: translateY(50%);
right: 0;
}
}
.circle-top {
position: absolute;
top: -33%;
left: -14%;
border: 120px solid #0b2947;
height: 700px;
width: 700px;
display: block;
background: 0 0;
border-radius: 100%;
z-index: 1;
}
.circle-bottom {
img{
position: absolute;
bottom: 0;
right: 1%;
height: 450px;
width: 450px;
display: block;
background: 0 0;
z-index: 1;
opacity: .5;
}
}
.auth-login {
max-width: 1160px !important;
}
.auth-bg {
background: url(@/assets/images/backgrounds/login-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 100%;
.v-carousel__controls{
height: auto;
.v-btn{
margin: 0 0 !important;
&.v-btn--active{
.v-btn__content{
color:rgb(var(--v-theme-primary)) !important;
.v-icon{
opacity: 1 !important ;
}
}
}
.v-btn__content{
.v-icon{
opacity: 1 !important ;
}
}
}
}
}
.h-n80 {
height: calc(100vh - 80px);
}
@media screen and (max-width:1280px){
.mh-100{
height: 100% !important;
}
}
@media screen and (max-width:600px){
.mw-100{
width: 100%;
padding: 0 15px;
}
}

141
scss/pages/_dashboards.scss Executable file
View File

@@ -0,0 +1,141 @@
// Dashboard 1
.welcome-img{
max-height: 200px;
height: 200px;
}
.labels-chart .label-1 {
position: absolute;
width: 25px;
left: 0;
right: 0;
margin: 0 auto;
top: -3px
}
.labels-chart .label-2 {
position: absolute;
right: 0;
top: 50%
}
.labels-chart .label-3 {
position: absolute;
width: 40px;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
text-align: center
}
.labels-chart .label-4 {
position: absolute;
top: 50%
}
// Revenue Products
.revenue-products {
.v-slide-group__content {
gap: 16px;
}
.v-btn {
background-color: rgba(var(--v-theme-grey100));
padding: 12px 24px;
}
.v-tab--selected {
background-color: rgba(var(--v-theme-primary));
.v-btn__content {
color: #fff;
.v-tab__slider {
display: none;
}
}
}
}
// Dashboard 2
.bg-primary-gt {
background: linear-gradient(261.23deg, rgba(var(--v-theme-primary)) .42%, #5a52ff 100%) !important;
img {
bottom: 0;
right: 0;
z-index: -1;
}
}
.profit-card {
.badge-custom-dark {
background-color: rgba(41, 52, 61, .2) !important;
padding: 5px 12px;
width: fit-content;
}
}
.rounded-bars {
.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path {
clip-path: inset(0 0 5% 0 round 20px);
}
}
.rounded-pill-bars .apexcharts-rangebar-area {
clip-path: inset(9% 0% 11% round 24px);
}
// Annual Profit
.annual-list {
.list {
&:last-child {
border-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
}
.daily-activities {
.line {
width: 1px;
height: 50px;
margin-top: -6px;
}
}
//Dashboard 3
.primary-gradient {
background: linear-gradient(180deg,rgba(var(--v-theme-primary),.12) 0,rgba(var(--v-theme-primary),.03) 100%)
}
.warning-gradient {
background: linear-gradient(180deg,rgba(var(--v-theme-warning),.12) 0,rgba(var(--v-theme-warning),.03) 100%)
}
.secondary-gradient {
background: linear-gradient(180deg,rgba(var(--v-theme-secondary),.12) 0,rgba(var(--v-theme-secondary),.03) 100%)
}
.error-gradient {
background: linear-gradient(180deg,rgba(var(--v-theme-error),.12) 0,rgba(var(--v-theme-error),.03) 100%)
}
.success-gradient {
background: linear-gradient(180deg,rgba(var(--v-theme-success),.12) 0,rgba(var(--v-theme-success),.03) 100%)
}
.icon-grid-width{
width: 20% !important;
@media screen and (max-width:1190px) {
width: 33% !important;
}
}
@media screen and (max-width:1368px){
.welcome-img {
max-height: 150px;
}
}

61
scss/pages/_editor.scss Executable file
View File

@@ -0,0 +1,61 @@
.ProseMirror {
padding: 20px;
border: 1px solid rgb(var(--v-theme-inputBorder));
border-radius: 0 0 12px 12px;
&.ProseMirror-focused {
outline-color: rgb(var(--v-theme-primary), 0.3) !important;
}
> * + * {
margin-top: 0.75em;
}
ul,
ol {
padding: 0 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.1;
}
code {
background-color: rgba(#616161, 0.1);
color: #616161;
}
pre {
background: #0d0d0d;
color: #fff;
font-family: 'JetBrainsMono', monospace;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
code {
color: inherit;
padding: 0;
background: none;
font-size: 0.8rem;
}
}
img {
max-width: 100%;
height: auto;
}
blockquote {
padding-left: 1rem;
border-left: 2px solid rgba(#0d0d0d, 0.1);
}
hr {
border: none;
border-top: 2px solid rgba(#0d0d0d, 0.1);
margin: 2rem 0;
}
}

48
scss/style.scss Executable file
View File

@@ -0,0 +1,48 @@
@import './variables';
@import 'vuetify/styles.scss';
@import './override';
@import './layout/text';
@import './layout/reboot';
@import './layout/container';
@import './layout/sidebar';
@import './layout/rtl';
@import './layout/topbar';
@import './layout/horizontal';
@import './layout/dark';
@import './layout/customizer';
@import './components/VBreadcrumb';
@import './components/VAlert';
@import './components/VButtons';
@import './components/VCard';
@import './components/VCarousel';
@import './components/VField';
@import './components/VList';
@import './components/VInput';
@import './components/VNavigationDrawer';
@import './components/VShadow';
@import './components/VSwitch';
@import './components/VSelectionControl';
@import './components/VTextField';
@import './components/VTextarea';
@import './components/VTabs';
@import './components/VTable';
@import './components/VExpansionpanel';
@import './components/VChip';
@import './components/VTooltip';
@import './components/VDatatables';
@import './components/VLabs';
@import './components/VStepper';
@import './components/VPagination';
/*Landing page css*/
@import 'landingpage/header';
@import 'landingpage/general';
@import 'front/general';
@import 'front/header';
@import 'pages/auth';
@import 'pages/dashboards';
@import 'pages/apps';
@import 'pages/editor';
@import 'vue3-perfect-scrollbar/dist/vue3-perfect-scrollbar.css';