From 8be5b0b4eee27f49059c6de801ccaeda98d066ec Mon Sep 17 00:00:00 2001 From: Sebastian Krupinski Date: Sun, 22 Feb 2026 17:32:35 -0500 Subject: [PATCH] refactor: drop unused css styles Signed-off-by: Sebastian Krupinski --- core/src/private.ts | 2 +- core/src/public.ts | 8 +- core/src/scss/_override.scss | 115 ------------ core/src/scss/_variables.scss | 140 --------------- core/src/scss/components/_VAlert.scss | 37 ---- core/src/scss/components/_VBadge.scss | 11 -- core/src/scss/components/_VBreadcrumb.scss | 32 ---- core/src/scss/components/_VButtons.scss | 68 -------- core/src/scss/components/_VCard.scss | 40 ----- core/src/scss/components/_VField.scss | 9 - core/src/scss/components/_VInput.scss | 55 ------ core/src/scss/components/_VList.scss | 47 ----- .../scss/components/_VNavigationDrawer.scss | 3 - core/src/scss/components/_VShadow.scss | 20 --- core/src/scss/components/_VTextField.scss | 18 -- core/src/scss/components/_VTextarea.scss | 7 - core/src/scss/layout/_container.scss | 146 ---------------- core/src/scss/layout/_footer.scss | 25 --- core/src/scss/layout/_sidebar.scss | 165 ------------------ core/src/scss/layout/_topbar.scss | 41 ----- core/src/scss/style.scss | 9 - 21 files changed, 2 insertions(+), 996 deletions(-) delete mode 100644 core/src/scss/_override.scss delete mode 100644 core/src/scss/_variables.scss delete mode 100644 core/src/scss/components/_VAlert.scss delete mode 100644 core/src/scss/components/_VBadge.scss delete mode 100644 core/src/scss/components/_VBreadcrumb.scss delete mode 100644 core/src/scss/components/_VButtons.scss delete mode 100644 core/src/scss/components/_VCard.scss delete mode 100644 core/src/scss/components/_VField.scss delete mode 100644 core/src/scss/components/_VInput.scss delete mode 100644 core/src/scss/components/_VList.scss delete mode 100644 core/src/scss/components/_VNavigationDrawer.scss delete mode 100644 core/src/scss/components/_VShadow.scss delete mode 100644 core/src/scss/components/_VTextField.scss delete mode 100644 core/src/scss/components/_VTextarea.scss delete mode 100644 core/src/scss/layout/_container.scss delete mode 100644 core/src/scss/layout/_footer.scss delete mode 100644 core/src/scss/layout/_sidebar.scss delete mode 100644 core/src/scss/layout/_topbar.scss delete mode 100644 core/src/scss/style.scss diff --git a/core/src/private.ts b/core/src/private.ts index 6b16502..94e9221 100644 --- a/core/src/private.ts +++ b/core/src/private.ts @@ -13,7 +13,7 @@ import { createSessionMonitor } from '@KTXC/services/authManager' import App from './App.vue' import router from './router' import vuetify from './plugins/vuetify/index' -import '@KTXC/scss/style.scss' + import '@mdi/font/css/materialdesignicons.min.css' import '@fontsource/public-sans/index.css' diff --git a/core/src/public.ts b/core/src/public.ts index fff41d0..fc68a25 100644 --- a/core/src/public.ts +++ b/core/src/public.ts @@ -3,16 +3,10 @@ import { createPinia } from 'pinia'; import App from './App.vue'; import { router } from './router'; import vuetify from './plugins/vuetify/index'; -import '@KTXC/scss/style.scss'; // Material Design Icons (Vuetify mdi icon set) import '@mdi/font/css/materialdesignicons.min.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'; +import '@fontsource/public-sans/index.css' // The public app is served when the user has no valid server session. // Clear any stale identity data from localStorage to ensure the client diff --git a/core/src/scss/_override.scss b/core/src/scss/_override.scss deleted file mode 100644 index df5b1d3..0000000 --- a/core/src/scss/_override.scss +++ /dev/null @@ -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); -} diff --git a/core/src/scss/_variables.scss b/core/src/scss/_variables.scss deleted file mode 100644 index 3f2ae89..0000000 --- a/core/src/scss/_variables.scss +++ /dev/null @@ -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) -); diff --git a/core/src/scss/components/_VAlert.scss b/core/src/scss/components/_VAlert.scss deleted file mode 100644 index 64c8eba..0000000 --- a/core/src/scss/components/_VAlert.scss +++ /dev/null @@ -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; - } - } -} diff --git a/core/src/scss/components/_VBadge.scss b/core/src/scss/components/_VBadge.scss deleted file mode 100644 index a9871c4..0000000 --- a/core/src/scss/components/_VBadge.scss +++ /dev/null @@ -1,11 +0,0 @@ -.v-badge__badge { - min-width: 16px; - height: 16px; - padding: 4px; -} -.v-badge--dot { - .v-badge__badge { - height: 8px; - width: 8px; - } -} diff --git a/core/src/scss/components/_VBreadcrumb.scss b/core/src/scss/components/_VBreadcrumb.scss deleted file mode 100644 index f1ebcff..0000000 --- a/core/src/scss/components/_VBreadcrumb.scss +++ /dev/null @@ -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; - } -} diff --git a/core/src/scss/components/_VButtons.scss b/core/src/scss/components/_VButtons.scss deleted file mode 100644 index c4ef964..0000000 --- a/core/src/scss/components/_VButtons.scss +++ /dev/null @@ -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); -} diff --git a/core/src/scss/components/_VCard.scss b/core/src/scss/components/_VCard.scss deleted file mode 100644 index b0e30b7..0000000 --- a/core/src/scss/components/_VCard.scss +++ /dev/null @@ -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); - } -} diff --git a/core/src/scss/components/_VField.scss b/core/src/scss/components/_VField.scss deleted file mode 100644 index 97352ac..0000000 --- a/core/src/scss/components/_VField.scss +++ /dev/null @@ -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; -} diff --git a/core/src/scss/components/_VInput.scss b/core/src/scss/components/_VInput.scss deleted file mode 100644 index 976f726..0000000 --- a/core/src/scss/components/_VInput.scss +++ /dev/null @@ -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; - } -} diff --git a/core/src/scss/components/_VList.scss b/core/src/scss/components/_VList.scss deleted file mode 100644 index 0e6cd11..0000000 --- a/core/src/scss/components/_VList.scss +++ /dev/null @@ -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)); - } - } -} diff --git a/core/src/scss/components/_VNavigationDrawer.scss b/core/src/scss/components/_VNavigationDrawer.scss deleted file mode 100644 index 9994ae9..0000000 --- a/core/src/scss/components/_VNavigationDrawer.scss +++ /dev/null @@ -1,3 +0,0 @@ -.v-navigation-drawer__scrim.fade-transition-leave-to { - display: none; -} diff --git a/core/src/scss/components/_VShadow.scss b/core/src/scss/components/_VShadow.scss deleted file mode 100644 index 647b098..0000000 --- a/core/src/scss/components/_VShadow.scss +++ /dev/null @@ -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; - } - } -} diff --git a/core/src/scss/components/_VTextField.scss b/core/src/scss/components/_VTextField.scss deleted file mode 100644 index 153b10c..0000000 --- a/core/src/scss/components/_VTextField.scss +++ /dev/null @@ -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; - } -} diff --git a/core/src/scss/components/_VTextarea.scss b/core/src/scss/components/_VTextarea.scss deleted file mode 100644 index b611c41..0000000 --- a/core/src/scss/components/_VTextarea.scss +++ /dev/null @@ -1,7 +0,0 @@ -.v-textarea input { - font-size: 0.875rem; - font-weight: 500; - &::placeholder { - color: rgba(0, 0, 0, 0.38); - } -} diff --git a/core/src/scss/layout/_container.scss b/core/src/scss/layout/_container.scss deleted file mode 100644 index b42a0c5..0000000 --- a/core/src/scss/layout/_container.scss +++ /dev/null @@ -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)); - } -} diff --git a/core/src/scss/layout/_footer.scss b/core/src/scss/layout/_footer.scss deleted file mode 100644 index 67f478d..0000000 --- a/core/src/scss/layout/_footer.scss +++ /dev/null @@ -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; - } - } - } -} diff --git a/core/src/scss/layout/_sidebar.scss b/core/src/scss/layout/_sidebar.scss deleted file mode 100644 index e9af48c..0000000 --- a/core/src/scss/layout/_sidebar.scss +++ /dev/null @@ -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; - } - } - } -} diff --git a/core/src/scss/layout/_topbar.scss b/core/src/scss/layout/_topbar.scss deleted file mode 100644 index 6d150f7..0000000 --- a/core/src/scss/layout/_topbar.scss +++ /dev/null @@ -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; - } - } - } - } -} diff --git a/core/src/scss/style.scss b/core/src/scss/style.scss deleted file mode 100644 index 7d95dbc..0000000 --- a/core/src/scss/style.scss +++ /dev/null @@ -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'; -- 2.39.5