refactor: drop unused css styles
Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
This commit is contained in:
@@ -13,7 +13,7 @@ import { createSessionMonitor } from '@KTXC/services/authManager'
|
|||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
import vuetify from './plugins/vuetify/index'
|
import vuetify from './plugins/vuetify/index'
|
||||||
import '@KTXC/scss/style.scss'
|
|
||||||
import '@mdi/font/css/materialdesignicons.min.css'
|
import '@mdi/font/css/materialdesignicons.min.css'
|
||||||
import '@fontsource/public-sans/index.css'
|
import '@fontsource/public-sans/index.css'
|
||||||
|
|
||||||
|
|||||||
@@ -3,16 +3,10 @@ import { createPinia } from 'pinia';
|
|||||||
import App from './App.vue';
|
import App from './App.vue';
|
||||||
import { router } from './router';
|
import { router } from './router';
|
||||||
import vuetify from './plugins/vuetify/index';
|
import vuetify from './plugins/vuetify/index';
|
||||||
import '@KTXC/scss/style.scss';
|
|
||||||
|
|
||||||
// Material Design Icons (Vuetify mdi icon set)
|
// Material Design Icons (Vuetify mdi icon set)
|
||||||
import '@mdi/font/css/materialdesignicons.min.css';
|
import '@mdi/font/css/materialdesignicons.min.css';
|
||||||
|
import '@fontsource/public-sans/index.css'
|
||||||
// google-fonts
|
|
||||||
import '@fontsource/public-sans/400.css';
|
|
||||||
import '@fontsource/public-sans/500.css';
|
|
||||||
import '@fontsource/public-sans/600.css';
|
|
||||||
import '@fontsource/public-sans/700.css';
|
|
||||||
|
|
||||||
// The public app is served when the user has no valid server session.
|
// The public app is served when the user has no valid server session.
|
||||||
// Clear any stale identity data from localStorage to ensure the client
|
// Clear any stale identity data from localStorage to ensure the client
|
||||||
|
|||||||
@@ -1,115 +0,0 @@
|
|||||||
html {
|
|
||||||
.bg-success,
|
|
||||||
.bg-info,
|
|
||||||
.bg-warning {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-row + .v-row {
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-divider {
|
|
||||||
opacity: 1;
|
|
||||||
border-color: rgb(var(--v-theme-borderLight));
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-table > .v-table__wrapper > table > thead > tr > th {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border-blue-right {
|
|
||||||
border-right: 1px solid rgba(var(--v-theme-borderLight), 0.36);
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-hover {
|
|
||||||
text-decoration: unset;
|
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-selection-control {
|
|
||||||
flex: unset;
|
|
||||||
}
|
|
||||||
|
|
||||||
.customizer-btn .icon {
|
|
||||||
animation: progress-circular-rotate 1.4s linear infinite;
|
|
||||||
transform-origin: center center;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-spacer {
|
|
||||||
.v-list-item__spacer {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes progress-circular-rotate {
|
|
||||||
100% {
|
|
||||||
transform: rotate(270deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
&.v-toolbar--border {
|
|
||||||
border-color: rgb(var(--v-theme-borderLight));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-toolbar {
|
|
||||||
&.v-app-bar {
|
|
||||||
border-bottom: 1px solid rgba(var(--v-theme-borderLight), 0.8);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-sheet--border {
|
|
||||||
border: 1px solid rgba(var(--v-theme-borderLight), 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
// table css
|
|
||||||
.v-table {
|
|
||||||
&.v-table--hover {
|
|
||||||
> .v-table__wrapper {
|
|
||||||
> table {
|
|
||||||
> tbody {
|
|
||||||
> tr {
|
|
||||||
&:hover {
|
|
||||||
td {
|
|
||||||
background: rgb(var(--v-theme-gray100));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// accordion page css
|
|
||||||
.v-expansion-panel {
|
|
||||||
border: 1px solid rgb(var(--v-theme-borderLight));
|
|
||||||
&:not(:first-child) {
|
|
||||||
margin-top: -1px;
|
|
||||||
}
|
|
||||||
.v-expansion-panel-text__wrapper {
|
|
||||||
border-top: 1px solid rgb(var(--v-theme-borderLight));
|
|
||||||
padding: 16px 24px;
|
|
||||||
}
|
|
||||||
&.v-expansion-panel--active {
|
|
||||||
.v-expansion-panel-title--active {
|
|
||||||
.v-expansion-panel-title__overlay {
|
|
||||||
background-color: rgb(var(--v-theme-gray100));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-expansion-panel--active {
|
|
||||||
> .v-expansion-panel-title {
|
|
||||||
min-height: unset;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-expansion-panel--disabled .v-expansion-panel-title {
|
|
||||||
color: rgba(var(--v-theme-on-surface), 0.15);
|
|
||||||
}
|
|
||||||
@@ -1,140 +0,0 @@
|
|||||||
@use 'sass:math';
|
|
||||||
@use 'sass:map';
|
|
||||||
@use 'sass:meta';
|
|
||||||
@use 'vuetify/lib/styles/tools/functions' as *;
|
|
||||||
|
|
||||||
// This will false all colors which is not necessory for theme
|
|
||||||
$color-pack: false;
|
|
||||||
|
|
||||||
// Global font size and border radius
|
|
||||||
$font-size-root: 1rem;
|
|
||||||
$border-radius-root: 4px;
|
|
||||||
$body-font-family: 'Public sans', sans-serif !default;
|
|
||||||
$heading-font-family: $body-font-family !default;
|
|
||||||
$btn-font-weight: 400 !default;
|
|
||||||
$btn-letter-spacing: 0 !default;
|
|
||||||
|
|
||||||
// Global Radius as per breakeven point
|
|
||||||
$rounded: () !default;
|
|
||||||
$rounded: map-deep-merge(
|
|
||||||
(
|
|
||||||
0: 0,
|
|
||||||
'sm': $border-radius-root * 0.5,
|
|
||||||
null: $border-radius-root,
|
|
||||||
'md': $border-radius-root * 1,
|
|
||||||
'lg': $border-radius-root * 2,
|
|
||||||
'xl': $border-radius-root * 6,
|
|
||||||
'pill': 9999px,
|
|
||||||
'circle': 50%,
|
|
||||||
'shaped': $border-radius-root * 6 0
|
|
||||||
),
|
|
||||||
$rounded
|
|
||||||
);
|
|
||||||
// Global Typography
|
|
||||||
$typography: () !default;
|
|
||||||
$typography: map-deep-merge(
|
|
||||||
(
|
|
||||||
'h1': (
|
|
||||||
'size': 2.375rem,
|
|
||||||
'weight': 600,
|
|
||||||
'line-height': 1.21,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'h2': (
|
|
||||||
'size': 1.875rem,
|
|
||||||
'weight': 600,
|
|
||||||
'line-height': 1.27,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'h3': (
|
|
||||||
'size': 1.5rem,
|
|
||||||
'weight': 600,
|
|
||||||
'line-height': 1.33,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'h4': (
|
|
||||||
'size': 1.25rem,
|
|
||||||
'weight': 600,
|
|
||||||
'line-height': 1.4,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'h5': (
|
|
||||||
'size': 1rem,
|
|
||||||
'weight': 600,
|
|
||||||
'line-height': 1.5,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'h6': (
|
|
||||||
'size': 0.875rem,
|
|
||||||
'weight': 400,
|
|
||||||
'line-height': 1.57,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'subtitle-1': (
|
|
||||||
'size': 0.875rem,
|
|
||||||
'weight': 600,
|
|
||||||
'line-height': 1.57,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'subtitle-2': (
|
|
||||||
'size': 0.75rem,
|
|
||||||
'weight': 500,
|
|
||||||
'line-height': 1.66,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'body-1': (
|
|
||||||
'size': 0.875rem,
|
|
||||||
'weight': 400,
|
|
||||||
'line-height': 1.57,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'body-2': (
|
|
||||||
'size': 0.75rem,
|
|
||||||
'weight': 400,
|
|
||||||
'line-height': 1.66,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'button': (
|
|
||||||
'size': 0.875rem,
|
|
||||||
'weight': 500,
|
|
||||||
'font-family': inherit,
|
|
||||||
'text-transform': uppercase
|
|
||||||
),
|
|
||||||
'caption': (
|
|
||||||
'size': 0.75rem,
|
|
||||||
'weight': 400,
|
|
||||||
'letter-spacing': 0,
|
|
||||||
'font-family': inherit
|
|
||||||
),
|
|
||||||
'overline': (
|
|
||||||
'size': 0.75rem,
|
|
||||||
'weight': 500,
|
|
||||||
'font-family': inherit,
|
|
||||||
'line-height': 1.67,
|
|
||||||
'letter-spacing': 0,
|
|
||||||
'text-transform': uppercase
|
|
||||||
)
|
|
||||||
),
|
|
||||||
$typography
|
|
||||||
);
|
|
||||||
|
|
||||||
// Custom Variables
|
|
||||||
// colors
|
|
||||||
$white: #fff !default;
|
|
||||||
|
|
||||||
// cards
|
|
||||||
$card-item-spacer-xy: 20px !default;
|
|
||||||
$card-text-spacer: 20px !default;
|
|
||||||
$card-title-size: 16px !default;
|
|
||||||
|
|
||||||
// Global Shadow
|
|
||||||
$box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
|
|
||||||
|
|
||||||
$theme-colors: (
|
|
||||||
primary: var(--v-theme-primary),
|
|
||||||
secondary: var(--v-theme-secondary),
|
|
||||||
success: var(--v-theme-success),
|
|
||||||
info: var(--v-theme-info),
|
|
||||||
warning: var(--v-theme-warning),
|
|
||||||
error: var(--v-theme-error)
|
|
||||||
);
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
.single-line-alert {
|
|
||||||
.v-alert__close,
|
|
||||||
.v-alert__prepend {
|
|
||||||
align-self: center !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-alert__prepend {
|
|
||||||
align-self: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-alert--variant-tonal {
|
|
||||||
&.with-border {
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
&.text-#{$color} {
|
|
||||||
border: 1px solid rgba(#{$value}, 0.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
.v-badge__badge {
|
|
||||||
min-width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
.v-badge--dot {
|
|
||||||
.v-badge__badge {
|
|
||||||
height: 8px;
|
|
||||||
width: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
.v-breadcrumbs-item--link {
|
|
||||||
color: rgb(var(--v-theme-lightText));
|
|
||||||
}
|
|
||||||
.v-breadcrumbs {
|
|
||||||
.v-breadcrumbs-item--disabled {
|
|
||||||
--v-disabled-opacity: 1;
|
|
||||||
.v-breadcrumbs-item--link {
|
|
||||||
color: rgb(var(--v-theme-darkText));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-breadcrumbs-divider {
|
|
||||||
color: rgb(var(--v-theme-lightText));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb-with-title {
|
|
||||||
.v-toolbar__content {
|
|
||||||
height: unset !important;
|
|
||||||
padding: 20px 0;
|
|
||||||
}
|
|
||||||
.v-breadcrumbs__prepend {
|
|
||||||
svg {
|
|
||||||
vertical-align: -3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb-height {
|
|
||||||
.v-toolbar__content {
|
|
||||||
height: unset !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,68 +0,0 @@
|
|||||||
//
|
|
||||||
// Light Buttons
|
|
||||||
//
|
|
||||||
|
|
||||||
.v-btn {
|
|
||||||
&.bg-lightprimary {
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
background-color: rgb(var(--v-theme-primary)) !important;
|
|
||||||
color: $white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.bg-lightsecondary {
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
background-color: rgb(var(--v-theme-secondary)) !important;
|
|
||||||
color: $white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.text-facebook {
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
background-color: rgb(var(--v-theme-facebook)) !important;
|
|
||||||
color: $white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.text-twitter {
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
background-color: rgb(var(--v-theme-twitter)) !important;
|
|
||||||
color: $white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.text-linkedin {
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
background-color: rgb(var(--v-theme-linkedin)) !important;
|
|
||||||
color: $white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-btn {
|
|
||||||
text-transform: capitalize;
|
|
||||||
letter-spacing: $btn-letter-spacing;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
.v-btn--icon.v-btn--density-default {
|
|
||||||
width: calc(var(--v-btn-height) + 6px);
|
|
||||||
height: calc(var(--v-btn-height) + 6px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-btn-group .v-btn {
|
|
||||||
height: inherit !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-btn-group {
|
|
||||||
border-color: rgba(var(--v-border-color), 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-btn-group--divided .v-btn:not(:last-child) {
|
|
||||||
border-inline-end-color: rgba(var(--v-border-color), 1);
|
|
||||||
}
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
// Outline Card
|
|
||||||
.v-card--variant-outlined {
|
|
||||||
border-color: rgba(var(--v-theme-borderLight), 1);
|
|
||||||
.v-divider {
|
|
||||||
border-color: rgba(var(--v-theme-borderLight), 0.8);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-card-text {
|
|
||||||
padding: $card-text-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-card-actions {
|
|
||||||
padding: 14px $card-text-spacer 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-card {
|
|
||||||
overflow: visible;
|
|
||||||
.v-card-title {
|
|
||||||
&.text-h6 {
|
|
||||||
font-weight: 600;
|
|
||||||
line-height: 1.57;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-card-item {
|
|
||||||
padding: $card-item-spacer-xy;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-card-subtitle {
|
|
||||||
font-size: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-card {
|
|
||||||
.v-card-text {
|
|
||||||
background-color: rgb(var(--v-theme-background));
|
|
||||||
border: 1px solid rgba(var(--v-theme-borderLight), 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
.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;
|
|
||||||
}
|
|
||||||
@@ -1,55 +0,0 @@
|
|||||||
.v-input--density-default:not(.v-autocomplete--multiple),
|
|
||||||
.v-field--variant-solo,
|
|
||||||
.v-field--variant-filled {
|
|
||||||
--v-input-control-height: 39px;
|
|
||||||
--v-input-padding-top: 2px;
|
|
||||||
input.v-field__input {
|
|
||||||
padding-bottom: 2px;
|
|
||||||
}
|
|
||||||
.v-field__input {
|
|
||||||
padding-bottom: 2px;
|
|
||||||
}
|
|
||||||
textarea {
|
|
||||||
padding-top: 11px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-input--density-default {
|
|
||||||
.v-field__input {
|
|
||||||
min-height: 41px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-field--variant-outlined {
|
|
||||||
&.v-field--focused {
|
|
||||||
.v-field__outline {
|
|
||||||
--v-field-border-width: 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-input {
|
|
||||||
.v-input__details {
|
|
||||||
padding-inline: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-input--density-comfortable {
|
|
||||||
--v-input-control-height: 56px;
|
|
||||||
--v-input-padding-top: 17px;
|
|
||||||
}
|
|
||||||
.v-label {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
--v-medium-emphasis-opacity: 0.8;
|
|
||||||
}
|
|
||||||
.v-switch .v-label,
|
|
||||||
.v-checkbox .v-label {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea.v-field__input {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.textarea-input {
|
|
||||||
.v-label {
|
|
||||||
top: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
.v-list-item {
|
|
||||||
&.v-list-item--border {
|
|
||||||
border-color: rgb(var(--v-border-color));
|
|
||||||
border-width: 0 0 1px 0;
|
|
||||||
&:last-child {
|
|
||||||
border-width: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.v-list-item--variant-tonal {
|
|
||||||
background: rgb(var(--v-theme-gray100));
|
|
||||||
.v-list-item__underlay {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
.v-list-item__content {
|
|
||||||
.v-divider--inset {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-list {
|
|
||||||
&[aria-busy='true'] {
|
|
||||||
cursor: context-menu;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-list-group__items {
|
|
||||||
.v-list-item {
|
|
||||||
padding-inline-start: 40px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-list-item__content {
|
|
||||||
.v-divider--inset:not(.v-divider--vertical) {
|
|
||||||
max-width: 100%;
|
|
||||||
margin-inline-start: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-list--border {
|
|
||||||
.v-list-item {
|
|
||||||
+ .v-list-item {
|
|
||||||
border-top: 1px solid rgb(var(--v-theme-borderLight));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
.v-navigation-drawer__scrim.fade-transition-leave-to {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
.elevation-24 {
|
|
||||||
box-shadow: $box-shadow !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-menu {
|
|
||||||
> .v-overlay__content {
|
|
||||||
> .v-sheet {
|
|
||||||
box-shadow: $box-shadow;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
.#{$color}-shadow {
|
|
||||||
box-shadow: 0 14px 12px rgba(#{$value}, 0.2);
|
|
||||||
&:hover {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
.v-text-field input {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-field__outline {
|
|
||||||
color: rgb(var(--v-theme-inputBorder));
|
|
||||||
}
|
|
||||||
.inputWithbg {
|
|
||||||
.v-field--variant-outlined {
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-select {
|
|
||||||
.v-field {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
.v-textarea input {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 500;
|
|
||||||
&::placeholder {
|
|
||||||
color: rgba(0, 0, 0, 0.38);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,146 +0,0 @@
|
|||||||
html {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
.horizontalLayout {
|
|
||||||
.page-wrapper {
|
|
||||||
.v-container {
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.spacer {
|
|
||||||
padding: 100px 0;
|
|
||||||
@media (max-width: 1264px) {
|
|
||||||
padding: 72px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 800px) {
|
|
||||||
.spacer {
|
|
||||||
padding: 40px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.cursor-pointer {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.page-wrapper {
|
|
||||||
background: rgb(var(--v-theme-containerBg));
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: calc(100vh - 60px);
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
.page-content-container {
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
min-height: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 15px;
|
|
||||||
@media (max-width: 1550px) {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
padding-inline: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-footer-container {
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-container {
|
|
||||||
padding: 15px;
|
|
||||||
@media (max-width: 1550px) {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
padding-inline: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.maxWidth {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
$sizes: (
|
|
||||||
'display-1': 44px,
|
|
||||||
'display-2': 40px,
|
|
||||||
'display-3': 30px,
|
|
||||||
'h1': 36px,
|
|
||||||
'h2': 30px,
|
|
||||||
'h3': 21px,
|
|
||||||
'h4': 18px,
|
|
||||||
'h5': 16px,
|
|
||||||
'h6': 14px,
|
|
||||||
'text-8': 8px,
|
|
||||||
'text-10': 10px,
|
|
||||||
'text-13': 13px,
|
|
||||||
'text-18': 18px,
|
|
||||||
'text-20': 20px,
|
|
||||||
'text-24': 24px,
|
|
||||||
'body-text-1': 10px
|
|
||||||
);
|
|
||||||
|
|
||||||
@each $pixel, $size in $sizes {
|
|
||||||
.#{$pixel} {
|
|
||||||
font-size: $size;
|
|
||||||
line-height: $size + 10;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.customizer-btn {
|
|
||||||
.icon {
|
|
||||||
animation: progress-circular-rotate 1.4s linear infinite;
|
|
||||||
transform-origin: center center;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.fixed-width {
|
|
||||||
max-width: 1300px;
|
|
||||||
}
|
|
||||||
.ga-2 {
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// font family
|
|
||||||
body {
|
|
||||||
font-family: 'Public Sans', sans-serif;
|
|
||||||
.Roboto {
|
|
||||||
font-family: 'Roboto', sans-serif !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Poppins {
|
|
||||||
font-family: 'Poppins', sans-serif !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Inter {
|
|
||||||
font-family: 'Inter', sans-serif !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Public {
|
|
||||||
font-family: 'Public sans', sans-serif !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideY {
|
|
||||||
0%,
|
|
||||||
50%,
|
|
||||||
100% {
|
|
||||||
transform: translateY(0px);
|
|
||||||
}
|
|
||||||
25% {
|
|
||||||
transform: translateY(-10px);
|
|
||||||
}
|
|
||||||
75% {
|
|
||||||
transform: translateY(10px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.link {
|
|
||||||
color: rgb(var(--v-theme-lightText));
|
|
||||||
text-decoration: none;
|
|
||||||
&:hover {
|
|
||||||
color: rgb(var(--v-theme-primary));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
.v-footer {
|
|
||||||
background: rgb(var(--v-theme-containerbg));
|
|
||||||
padding: 24px 16px 0px;
|
|
||||||
margin-top: auto;
|
|
||||||
position: unset;
|
|
||||||
a {
|
|
||||||
text-decoration: unset;
|
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 475px) {
|
|
||||||
.footer {
|
|
||||||
text-align: center;
|
|
||||||
.v-col-6 {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
&.text-right {
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,165 +0,0 @@
|
|||||||
/*This is for the logo*/
|
|
||||||
.leftSidebar {
|
|
||||||
border: 0px;
|
|
||||||
box-shadow: none !important;
|
|
||||||
border-right: 1px solid rgba(var(--v-theme-borderLight), 0.8);
|
|
||||||
.logo {
|
|
||||||
padding-left: 7px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/*This is for the Vertical sidebar*/
|
|
||||||
.scrollnavbar {
|
|
||||||
height: calc(100vh - 110px);
|
|
||||||
.smallCap {
|
|
||||||
padding: 0px 0 0 20px !important;
|
|
||||||
}
|
|
||||||
.v-list {
|
|
||||||
color: rgb(var(--v-theme-lightText));
|
|
||||||
padding: 0;
|
|
||||||
.v-list-item--one-line {
|
|
||||||
&.v-list-item--active {
|
|
||||||
border-right: 2px solid rgb(var(--v-theme-primary));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-list-group {
|
|
||||||
.v-list-item--one-line {
|
|
||||||
&.v-list-item--active.v-list-item--link {
|
|
||||||
border-right: 2px solid rgb(var(--v-theme-primary));
|
|
||||||
}
|
|
||||||
&.v-list-item--active.v-list-group__header {
|
|
||||||
border-right: none;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-list-group__items {
|
|
||||||
.v-list-item--link,
|
|
||||||
.v-list-item {
|
|
||||||
.v-list-item__prepend {
|
|
||||||
margin-inline-end: 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-list-item--variant-plain,
|
|
||||||
.v-list-item--variant-outlined,
|
|
||||||
.v-list-item--variant-text,
|
|
||||||
.v-list-item--variant-tonal {
|
|
||||||
color: rgb(var(--v-theme-darkText));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/*General Menu css*/
|
|
||||||
.v-list-group__items .v-list-item,
|
|
||||||
.v-list-item {
|
|
||||||
border-radius: 0;
|
|
||||||
padding-inline-start: calc(20px + var(--indent-padding) / 2) !important;
|
|
||||||
.v-list-item__prepend {
|
|
||||||
margin-inline-end: 13px;
|
|
||||||
}
|
|
||||||
.v-list-item__append {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
.v-icon {
|
|
||||||
margin-inline-start: 13px;
|
|
||||||
}
|
|
||||||
> .v-icon {
|
|
||||||
--v-medium-emphasis-opacity: 0.8;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-list-item-title {
|
|
||||||
font-size: 0.875rem;
|
|
||||||
color: rgb(var(--v-theme-darkText));
|
|
||||||
}
|
|
||||||
&.v-list-item--active {
|
|
||||||
.v-list-item-title {
|
|
||||||
color: rgb(var(--v-theme-primary));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/*This is for the dropdown*/
|
|
||||||
.v-list {
|
|
||||||
.v-list-item--active {
|
|
||||||
.v-list-item-title {
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.sidebarchip .v-icon {
|
|
||||||
margin-inline-start: -3px;
|
|
||||||
}
|
|
||||||
.v-list-group {
|
|
||||||
.v-list-item:focus-visible > .v-list-item__overlay {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
> .v-list-group {
|
|
||||||
position: relative;
|
|
||||||
> .v-list-item--active,
|
|
||||||
> .v-list-item:hover {
|
|
||||||
background: rgb(var(--v-theme-primary), 0.05);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-navigation-drawer--rail {
|
|
||||||
.scrollnavbar .v-list .v-list-group__items,
|
|
||||||
.hide-menu {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.scrollnavbar {
|
|
||||||
.v-list-item {
|
|
||||||
.v-list-item__prepend {
|
|
||||||
margin-left: 8px;
|
|
||||||
.anticon {
|
|
||||||
svg {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.v-list-group__items .v-list-item,
|
|
||||||
.v-list-item {
|
|
||||||
padding-inline-start: calc(12px + var(--indent-padding) / 2) !important;
|
|
||||||
}
|
|
||||||
.ExtraBox {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.sidebar-user {
|
|
||||||
margin-left: -6px;
|
|
||||||
}
|
|
||||||
.leftPadding {
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
&.leftSidebar {
|
|
||||||
.v-list-subheader {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.v-navigation-drawer__content {
|
|
||||||
.pa-5 {
|
|
||||||
padding-left: 10px !important;
|
|
||||||
.logo {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 1170px) {
|
|
||||||
.mini-sidebar {
|
|
||||||
.logo {
|
|
||||||
width: 40px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.leftSidebar:hover {
|
|
||||||
box-shadow: $box-shadow !important;
|
|
||||||
}
|
|
||||||
.v-navigation-drawer--expand-on-hover:hover {
|
|
||||||
.logo {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.v-list .v-list-group__items,
|
|
||||||
.hide-menu {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
.profileBtn {
|
|
||||||
height: 44px !important;
|
|
||||||
margin: 0 20px 0 10px !important;
|
|
||||||
padding: 0 6px;
|
|
||||||
.v-avatar {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
img {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.profileBtn {
|
|
||||||
min-width: 42px;
|
|
||||||
margin: 0 12px 0 0 !important;
|
|
||||||
.v-avatar {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
img {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 460px) {
|
|
||||||
.notification-dropdown {
|
|
||||||
width: 332px !important;
|
|
||||||
.v-list-item__content {
|
|
||||||
.d-inline-flex {
|
|
||||||
.text-caption {
|
|
||||||
min-width: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
@import './variables';
|
|
||||||
@import 'vuetify/styles/main.sass';
|
|
||||||
@import './override';
|
|
||||||
@import './layout/container';
|
|
||||||
@import './layout/sidebar';
|
|
||||||
@import './layout/footer';
|
|
||||||
@import './layout/topbar';
|
|
||||||
|
|
||||||
@import 'vue3-perfect-scrollbar/style.css';
|
|
||||||
Reference in New Issue
Block a user