zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upgrade third party dependencies

Browse Source
This commit is contained in:
MaysWind
2024-08-11 17:01:59 +08:00
parent 029e5f6d02
commit 9116f404db
53 changed files with 2740 additions and 1968 deletions
Download Patch File Download Diff File Expand all files Collapse all files
go.mod
+6 -6
View File
@@ -17,9 +17,9 @@ require (
github.com/pquerna/otp v1.4.0
github.com/sirupsen/logrus v1.9.3
github.com/stretchr/testify v1.9.0
github.com/urfave/cli/v2 v2.27.1
github.com/urfave/cli/v2 v2.27.3
github.com/wk8/go-ordered-map/v2 v2.1.8
golang.org/x/crypto v0.25.0
golang.org/x/crypto v0.26.0
gopkg.in/ini.v1 v1.67.0
gopkg.in/mail.v2 v2.3.1
xorm.io/builder v0.3.13
@@ -37,7 +37,7 @@ require (
github.com/chenzhuoyu/iasm v0.9.1 // indirect
github.com/cloudwego/base64x v0.1.4 // indirect
github.com/cloudwego/iasm v0.2.0 // indirect
github.com/cpuguy83/go-md2man/v2 v2.0.2 // indirect
github.com/cpuguy83/go-md2man/v2 v2.0.4 // indirect
github.com/davecgh/go-spew v1.1.1 // indirect
github.com/dustin/go-humanize v1.0.1 // indirect
github.com/gabriel-vasile/mimetype v1.4.3 // indirect
@@ -67,11 +67,11 @@ require (
github.com/syndtr/goleveldb v1.0.0 // indirect
github.com/twitchyliquid64/golang-asm v0.15.1 // indirect
github.com/ugorji/go/codec v1.2.12 // indirect
github.com/xrash/smetrics v0.0.0-20201216005158-039620a65673 // indirect
github.com/xrash/smetrics v0.0.0-20240521201337-686a1a2994c1 // indirect
golang.org/x/arch v0.8.0 // indirect
golang.org/x/net v0.26.0 // indirect
golang.org/x/sys v0.22.0 // indirect
golang.org/x/text v0.16.0 // indirect
golang.org/x/sys v0.23.0 // indirect
golang.org/x/text v0.17.0 // indirect
google.golang.org/protobuf v1.34.1 // indirect
gopkg.in/alexcesaro/quotedprintable.v3 v3.0.0-20150716171945-2caba252f4dc // indirect
gopkg.in/yaml.v3 v3.0.1 // indirect
go.sum
+12 -12
View File
@@ -25,8 +25,8 @@ github.com/cloudwego/base64x v0.1.4 h1:jwCgWpFanWmN8xoIUHa2rtzmkd5J2plF/dnLS6Xd/
github.com/cloudwego/base64x v0.1.4/go.mod h1:0zlkT4Wn5C6NdauXdJRhSKRlJvmclQ1hhJgA0rcu/8w=
github.com/cloudwego/iasm v0.2.0 h1:1KNIy1I1H9hNNFEEH3DVnI4UujN+1zjpuk6gwHLTssg=
github.com/cloudwego/iasm v0.2.0/go.mod h1:8rXZaNYT2n95jn+zTI1sDr+IgcD2GVs0nlbbQPiEFhY=
github.com/cpuguy83/go-md2man/v2 v2.0.2 h1:p1EgwI/C7NhT0JmVkwCD2ZBK8j4aeHQX2pMHHBfMQ6w=
github.com/cpuguy83/go-md2man/v2 v2.0.2/go.mod h1:tgQtvFlXSQOSOSIRvRPT7W67SCa46tRHOmNcaadrF8o=
github.com/cpuguy83/go-md2man/v2 v2.0.4 h1:wfIWP927BUkWJb2NmU/kNDYIBTh/ziUX91+lVfRxZq4=
github.com/cpuguy83/go-md2man/v2 v2.0.4/go.mod h1:tgQtvFlXSQOSOSIRvRPT7W67SCa46tRHOmNcaadrF8o=
github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
@@ -135,17 +135,17 @@ github.com/twitchyliquid64/golang-asm v0.15.1 h1:SU5vSMR7hnwNxj24w34ZyCi/FmDZTkS
github.com/twitchyliquid64/golang-asm v0.15.1/go.mod h1:a1lVb/DtPvCB8fslRZhAngC2+aY1QWCk3Cedj/Gdt08=
github.com/ugorji/go/codec v1.2.12 h1:9LC83zGrHhuUA9l16C9AHXAqEV/2wBQ4nkvumAE65EE=
github.com/ugorji/go/codec v1.2.12/go.mod h1:UNopzCgEMSXjBc6AOMqYvWC1ktqTAfzJZUZgYf6w6lg=
github.com/urfave/cli/v2 v2.27.1 h1:8xSQ6szndafKVRmfyeUMxkNUJQMjL1F2zmsZ+qHpfho=
github.com/urfave/cli/v2 v2.27.1/go.mod h1:8qnjx1vcq5s2/wpsqoZFndg2CE5tNFyrTvS6SinrnYQ=
github.com/urfave/cli/v2 v2.27.3 h1:/POWahRmdh7uztQ3CYnaDddk0Rm90PyOgIxgW2rr41M=
github.com/urfave/cli/v2 v2.27.3/go.mod h1:m4QzxcD2qpra4z7WhzEGn74WZLViBnMpb1ToCAKdGRQ=
github.com/wk8/go-ordered-map/v2 v2.1.8 h1:5h/BUHu93oj4gIdvHHHGsScSTMijfx5PeYkE/fJgbpc=
github.com/wk8/go-ordered-map/v2 v2.1.8/go.mod h1:5nJHM5DyteebpVlHnWMV0rPz6Zp7+xBAnxjb1X5vnTw=
github.com/xrash/smetrics v0.0.0-20201216005158-039620a65673 h1:bAn7/zixMGCfxrRTfdpNzjtPYqr8smhKouy9mxVdGPU=
github.com/xrash/smetrics v0.0.0-20201216005158-039620a65673/go.mod h1:N3UwUGtsrSj3ccvlPHLoLsHnpR27oXr4ZE984MbSER8=
github.com/xrash/smetrics v0.0.0-20240521201337-686a1a2994c1 h1:gEOO8jv9F4OT7lGCjxCBTO/36wtF6j2nSip77qHd4x4=
github.com/xrash/smetrics v0.0.0-20240521201337-686a1a2994c1/go.mod h1:Ohn+xnUBiLI6FVj/9LpzZWtj1/D6lUovWYBkxHVV3aM=
golang.org/x/arch v0.0.0-20210923205945-b76863e36670/go.mod h1:5om86z9Hs0C8fWVUuoMHwpExlXzs5Tkyp9hOrfG7pp8=
golang.org/x/arch v0.8.0 h1:3wRIsP3pM4yUptoR96otTUOXI367OS0+c9eeRi9doIc=
golang.org/x/arch v0.8.0/go.mod h1:FEVrYAQjsQXMVJ1nsMoVVXPZg6p2JE2mx8psSWTDQys=
golang.org/x/crypto v0.25.0 h1:ypSNr+bnYL2YhwoMt2zPxHFmbAN1KZs/njMG3hxUp30=
golang.org/x/crypto v0.25.0/go.mod h1:T+wALwcMOSE0kXgUAnPAHqTLW+XHgcELELW8VaDgm/M=
golang.org/x/crypto v0.26.0 h1:RrRspgV4mU+YwB4FYnuBoKsUapNIL5cohGAmSH3azsw=
golang.org/x/crypto v0.26.0/go.mod h1:GY7jblb9wI+FOo5y8/S2oY4zWP07AkOJ4+jxCqdqn54=
golang.org/x/net v0.0.0-20180906233101-161cd47e91fd/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
golang.org/x/net v0.26.0 h1:soB7SVo0PWrY4vPW/+ay0jKDNScG2X9wFeYlXIvJsOQ=
golang.org/x/net v0.26.0/go.mod h1:5YKkiSynbBIh3p6iOc/vibscux0x38BZDkn8sCUPxHE=
@@ -154,11 +154,11 @@ golang.org/x/sys v0.0.0-20180909124046-d0be0721c37e/go.mod h1:STP8DvDyc/dI5b8T5h
golang.org/x/sys v0.0.0-20220715151400-c0bba94af5f8/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/sys v0.22.0 h1:RI27ohtqKCnwULzJLqkv897zojh5/DwS/ENaMzUOaWI=
golang.org/x/sys v0.22.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
golang.org/x/sys v0.23.0 h1:YfKFowiIMvtgl1UERQoTPPToxltDeZfbj4H7dVUCwmM=
golang.org/x/sys v0.23.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
golang.org/x/text v0.16.0 h1:a94ExnEXNtEwYLGJSIUxnWoxoRz/ZcCsV63ROupILh4=
golang.org/x/text v0.16.0/go.mod h1:GhwF1Be+LQoKShO3cGOHzqOgRrGaYc9AvblQOmPVHnI=
golang.org/x/text v0.17.0 h1:XtiM5bkSOt+ewxlOE/aE/AKEHibwj/6gvWMl9Rsh0Qc=
golang.org/x/text v0.17.0/go.mod h1:BuEKDfySbSR4drPmRPG/7iBdf8hvFMuRexcpahXilzY=
google.golang.org/protobuf v1.34.1 h1:9ddQBjfCyZPOHPUiPxpYESBLc+T8P3E+Vo4IbKZgFWg=
google.golang.org/protobuf v1.34.1/go.mod h1:c6P6GXX6sHbq/GpV6MGZEdwhWPcYBgnhAHhKbcUYpos=
gopkg.in/alexcesaro/quotedprintable.v3 v3.0.0-20150716171945-2caba252f4dc h1:2gGKlE2+asNV9m7xrywl36YYNnBG5ZQ0r/BOOxqPpmk=
package-lock.json
Generated
+1329 -687
View File
File diff suppressed because it is too large Load Diff
package.json
+6 -6
View File
@@ -19,8 +19,8 @@
},
"dependencies": {
"@mdi/js": "^7.4.47",
"@vuepic/vue-datepicker": "^8.8.1",
"axios": "^1.7.2",
"@vuepic/vue-datepicker": "^9.0.1",
"axios": "^1.7.3",
"cbor-js": "^0.1.0",
"clipboard": "^2.0.11",
"crypto-js": "^4.2.0",
@@ -34,18 +34,18 @@
"line-awesome": "^1.3.0",
"moment": "^2.30.1",
"moment-timezone": "^0.5.45",
"pinia": "^2.1.7",
"pinia": "^2.2.1",
"register-service-worker": "^1.7.2",
"skeleton-elements": "^4.0.1",
"swiper": "^10.2.0",
"ua-parser-js": "^1.0.38",
"vue": "^3.4.31",
"vue": "^3.4.37",
"vue-echarts": "^6.7.3",
"vue-i18n": "^9.13.1",
"vue-router": "^4.4.0",
"vue-router": "^4.4.3",
"vue3-perfect-scrollbar": "^2.0.0",
"vuedraggable": "^4.1.0",
"vuetify": "^3.6.11"
"vuetify": "^3.6.13"
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.0.5",
src/components/desktop/DateRangeSelectionDialog.vue
+2 -2
View File
@@ -18,7 +18,7 @@
</div>
</template>
<v-card-text class="mb-md-4 w-100 d-flex justify-center">
<vue-date-picker range inline enable-seconds auto-apply
<vue-date-picker inline enable-seconds auto-apply
ref="datetimepicker"
month-name-format="long"
six-weeks="center"
@@ -29,7 +29,7 @@
:day-names="dayNames"
:year-first="isYearFirst"
:is24="is24Hour"
:partial-range="false"
:range="{ partialRange: false }"
:preset-dates="presetRanges"
v-model="dateRange">
<template #month="{ text }">
src/components/desktop/MonthRangeSelectionDialog.vue
-2
View File
@@ -26,7 +26,6 @@
:dark="isDarkMode"
:year-range="yearRange"
:year-first="isYearFirst"
:partial-range="false"
v-model="startTime">
<template #month="{ text }">
{{ getMonthShortName(text) }}
@@ -43,7 +42,6 @@
:dark="isDarkMode"
:year-range="yearRange"
:year-first="isYearFirst"
:partial-range="false"
v-model="endTime">
<template #month="{ text }">
{{ getMonthShortName(text) }}
src/components/mobile/DateRangeSelectionSheet.vue
+2 -2
View File
@@ -14,7 +14,7 @@
<span>{{ endDateTime }}</span>
</p>
<slot></slot>
<vue-date-picker range inline enable-seconds auto-apply
<vue-date-picker inline enable-seconds auto-apply
ref="datetimepicker"
month-name-format="long"
six-weeks="center"
@@ -26,7 +26,7 @@
:day-names="dayNames"
:year-first="isYearFirst"
:is24="is24Hour"
:partial-range="false"
:range="{ partialRange: false }"
:preset-dates="presetRanges"
v-model="dateRange">
<template #month="{ text }">
src/styles/desktop/template/base/_components.scss
+12 -2
View File
@@ -67,6 +67,13 @@
color: rgb(var(--v-theme-primary)) !important;
}
}
&.custom-checkbox,
&.custom-radio {
.v-input__control {
grid-area: none;
}
}
}
// 👉 Datatable
@@ -161,8 +168,11 @@
// loop for all colors bg
@each $color-name in variables.$theme-colors-name {
.v-tabs.v-tabs-pill {
.v-tab-item--selected.v-tab--selected.text-#{$color-name} {
body .v-tabs.v-tabs-pill {
.v-slide-group__content {
gap: 0.25rem;
}
.v-tab--selected.text-#{$color-name} {
background-color: rgb(var(--v-theme-#{$color-name}));
color: rgb(var(--v-theme-on-#{$color-name})) !important;
}
src/styles/desktop/template/base/_mixins.scss
+1 -1
View File
@@ -30,8 +30,8 @@
@mixin bordered-skin($component, $border-property: "border", $important: false) {
#{$component} {
// background-color: rgb(var(--v-theme-background));
box-shadow: none !important;
// stylelint-disable-next-line annotation-no-unknown
#{$border-property}: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) if($important, !important, null);
}
}
src/styles/desktop/template/base/_utilities.scss
+9 -2
View File
@@ -58,6 +58,12 @@ $card-spacer-content: 16px;
color: rgba(255, 255, 255, var(--v-high-emphasis-opacity));
}
.text-link {
&:not(:hover) {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
}
.bg-var-theme-background {
background-color: rgba(var(--v-theme-on-background), var(--v-hover-opacity)) !important;
}
@@ -130,6 +136,7 @@ $card-spacer-content: 16px;
.v-btn__content {
.v-icon {
block-size: 8px !important;
font-size: 8px !important;
inline-size: 8px !important;
}
}
@@ -168,10 +175,10 @@ $card-spacer-content: 16px;
line-height: 1.25rem;
}
.timeline-chip{
.timeline-chip {
border-radius: 6px;
background: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
padding-block: 5px;
padding-inline: 10px
padding-inline: 10px;
}
}
src/styles/desktop/template/base/_vertical-nav.scss
+6 -2
View File
@@ -87,8 +87,8 @@
}
}
// ℹ️ Setting z-index 1 will make perfect scrollbar thumb appear on top of vertical nav items shadow;
.ps__rail-y {
// ℹ️ Setting z-index: 1 will make perfect scrollbar thumb appear on top of vertical nav items shadow
z-index: 1;
}
@@ -131,6 +131,10 @@
opacity: var(--v-disabled-opacity);
pointer-events: none;
}
a {
outline: none;
}
}
// 👉 Vertical nav link
@@ -147,7 +151,7 @@
// Adds vuetify states
&:not(.router-link-active, .router-link-exact-active){
&:not(.router-link-active, .router-link-exact-active) {
@include vuetifyStates.states($active: false);
}
}
src/styles/desktop/template/base/libs/_perfect-scrollbar.scss
+5 -5
View File
@@ -10,6 +10,11 @@ $ps-track-size: 0.5rem;
inset-inline-end: 0.0625rem;
}
.ps__thumb-y,
.ps__thumb-x {
background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
}
.ps__thumb-x {
block-size: $ps-size !important;
}
@@ -31,8 +36,3 @@ $ps-track-size: 0.5rem;
.ps__rail-y:hover > .ps__thumb-y {
inline-size: $ps-hover-size !important;
}
.ps__thumb-x,
.ps__thumb-y {
background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important;
}
src/styles/desktop/template/base/libs/vuetify/_overrides.scss
+4 -34
View File
@@ -76,36 +76,6 @@ body,
flex: unset;
}
.v-selection-control--density-comfortable {
&.v-checkbox-btn,
&.v-radio,
&.v-radio-btn {
.v-selection-control__wrapper {
margin-inline-start: -0.5625rem;
}
}
}
.v-selection-control--density-compact {
&.v-radio,
&.v-radio-btn,
&.v-checkbox-btn {
.v-selection-control__wrapper {
margin-inline-start: -0.3125rem;
}
}
}
.v-selection-control--density-default {
&.v-checkbox-btn,
&.v-radio,
&.v-radio-btn {
.v-selection-control__wrapper {
margin-inline-start: -0.6875rem;
}
}
}
.v-radio-group {
.v-selection-control-group {
.v-radio:not(:last-child) {
@@ -193,6 +163,10 @@ body,
color: rgb(var(--v-border-color));
}
.v-divider.v-divider--vertical {
block-size: inherit;
}
// 👉 DataTable
.v-data-table {
/* stylelint-disable-next-line no-descending-specificity */
@@ -209,10 +183,6 @@ body,
}
}
.v-data-table-footer {
margin-block-start: 1rem;
}
// 👉 v-field
.v-field:hover .v-field__outline {
--v-field-border-opacity: var(--v-medium-emphasis-opacity);
src/styles/desktop/template/base/libs/vuetify/_variables.scss
+5 -2
View File
@@ -3,12 +3,12 @@
@use "sass:map";
// 👉 Shadow opacities
/* 👉 Shadow opacities */
$shadow-key-umbra-opacity-custom: var(--v-shadow-key-umbra-opacity);
$shadow-key-penumbra-opacity-custom: var(--v-shadow-key-penumbra-opacity);
$shadow-key-ambient-opacity-custom: var(--v-shadow-key-ambient-opacity);
// 👉 Card transition properties
/* 👉 Card transition properties */
$card-transition-property-custom: box-shadow, opacity;
@forward "vuetify/settings" with (
@@ -39,6 +39,9 @@ $card-transition-property-custom: box-shadow, opacity;
$list-item-icon-margin-start: 16px !default,
$list-item-subtitle-opacity: 1 !default,
// 👉 Navigation Drawer
$navigation-drawer-content-overflow-y: hidden !default,
// 👉 Tooltip
$tooltip-background-color: rgba(59, 55, 68, 0.9) !default,
$tooltip-text-color: rgb(var(--v-theme-on-primary)) !default,
src/styles/desktop/template/base/placeholders/_default-layout-vertical-nav.scss
+1 -2
View File
@@ -39,8 +39,7 @@
block-size: calc(variables.$layout-vertical-nav-navbar-height + variables.$vertical-nav-floating-navbar-top + 0.5rem);
content: "";
inset-block-start: -(variables.$vertical-nav-floating-navbar-top);
inset-inline-end: 0;
inset-inline-start: 0;
inset-inline: 0 0;
/* stylelint-disable property-no-vendor-prefix */
-webkit-mask: linear-gradient(black, black 18%, transparent 100%);
mask: linear-gradient(black, black 18%, transparent 100%);
src/styles/desktop/template/base/placeholders/_vertical-nav.scss
+2 -3
View File
@@ -47,8 +47,7 @@
$vertical-nav-items-nested-icon-margin-inline: calc((variables.$vertical-nav-items-icon-size - variables.$vertical-nav-items-nested-icon-size) / 2);
font-size: variables.$vertical-nav-items-nested-icon-size;
margin-inline-end: $vertical-nav-items-nested-icon-margin-inline + variables.$vertical-nav-items-icon-margin-inline-end;
margin-inline-start: $vertical-nav-items-nested-icon-margin-inline;
margin-inline: $vertical-nav-items-nested-icon-margin-inline $vertical-nav-items-nested-icon-margin-inline + variables.$vertical-nav-items-icon-margin-inline-end;
}
%vertical-nav-items-icon-after-2nd-level {
@@ -61,8 +60,8 @@
}
// Section title
// ℹ️ Setting height will prevent jerking when text & icon is toggled
%vertical-nav-section-title {
// ℹ️ Setting height will prevent jerking when text & icon is toggled
block-size: 1.5rem;
color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
font-size: 0.75rem;
src/styles/desktop/template/layout/_mixins.scss
+3 -1
View File
@@ -21,7 +21,9 @@
.layout-content-width-boxed#{&} {
@extend %boxed-content;
}
} @else {
}
// stylelint-disable-next-line @stylistic/indentation
@else {
.layout-content-width-boxed & {
@extend %boxed-content;
}
src/styles/desktop/template/layout/_variables.scss
+1 -1
View File
@@ -7,7 +7,7 @@
$layout-vertical-nav-z-index: 12 !default;
$layout-vertical-nav-width: 260px !default;
$layout-vertical-nav-collapsed-width: 80px !default;
$selector-vertical-nav-mini: '.layout-vertical-nav-collapsed .layout-vertical-nav:not(:hover)';
$selector-vertical-nav-mini: ".layout-vertical-nav-collapsed .layout-vertical-nav:not(:hover)";
// 👉 Horizontal nav
$layout-horizontal-nav-z-index: 11 !default;
src/styles/desktop/template/layout/component/vertical-nav-layout.scss
+7 -3
View File
@@ -29,7 +29,9 @@
.layout-navbar {
@if variables.$layout-vertical-nav-navbar-is-contained {
@include mixins.boxed-content;
} @else {
}
// else
@else {
.navbar-content-container {
@include mixins.boxed-content;
}
@@ -62,7 +64,7 @@
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease-in-out;
will-change: transform;
will-change: opacity;
&.visible {
opacity: 1;
@@ -76,7 +78,9 @@
// Adjust right column pl when vertical nav is collapsed
&.layout-vertical-nav-collapsed .layout-content-wrapper {
padding-inline-start: variables.$layout-vertical-nav-collapsed-width;
@media screen and (min-width: 1280px) {
padding-inline-start: variables.$layout-vertical-nav-collapsed-width;
}
}
// 👉 Content height fixed
src/styles/desktop/template/layout/index.scss
+2 -2
View File
@@ -1,6 +1,6 @@
/** Materio Template layout styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "./_global";
@use "./global";
@use "vue3-perfect-scrollbar/style.css";
@use "./_classes";
@use "./classes";
src/styles/desktop/template/template/_components.scss
-1166
View File
File diff suppressed because it is too large Load Diff
src/styles/desktop/template/template/index.scss
-3
View File
@@ -8,8 +8,5 @@
@use "./vertical-nav";
@use "./default-layout-w-vertical-nav";
// Components
@use "./components";
// Utilities
@use "./utilities";
src/styles/desktop/template/template/placeholders/_vertical-nav.scss
+1
View File
@@ -5,6 +5,7 @@
%nav-header-action {
color:rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
font-size: 0;
}
// ℹ️ Add divider around section title
src/styles/desktop/template/vuetify/_variables.scss
+19 -7
View File
@@ -81,12 +81,12 @@ $font-family-custom: "Inter", sans-serif, -apple-system, blinkmacsystemfont, "Se
"line-height": 0.875rem,
"letter-spacing": 0.05rem,
),
'button': (
'size': 0.9375rem,
'weight': 500,
'letter-spacing': normal,
'font-family': $font-family-custom,
'text-transform': capitalize,
"button": (
"size": 0.9375rem,
"weight": 500,
"letter-spacing": normal,
"font-family": $font-family-custom,
"text-transform": capitalize,
),
)!default,
@@ -272,6 +272,15 @@ $font-family-custom: "Inter", sans-serif, -apple-system, blinkmacsystemfont, "Se
// 👉 Slider
$slider-thumb-hover-opacity: var(--v-activated-opacity) !default,
// 👉 Switch
$switch-inset-track-width: 1.875rem !default,
$switch-inset-track-height: 1.125rem !default,
$switch-inset-thumb-height: 0.875rem !default,
$switch-inset-thumb-width: 0.875rem !default,
$switch-inset-thumb-off-height: 0.875rem !default,
$switch-track-opacity: 1 !default,
$switch-track-background: rgba(var(--v-theme-on-surface), var(--v-focus-opacity)) !default,
// 👉 Tooltip
$tooltip-background-color: rgb(var(--v-tooltip-background)) !default,
$tooltip-text-color: rgb(var(--v-theme-surface)) !default,
@@ -305,7 +314,10 @@ $font-family-custom: "Inter", sans-serif, -apple-system, blinkmacsystemfont, "Se
$table-font-size: 15px !default,
$table-column-padding: 0 20px !default,
// navigation drawer
// 👉 Radio
$radio-group-label-selection-group-padding-inline: 0 !default,
// 👉 navigation drawer
$navigation-drawer-temporary-elevation: 8 !default,
$navigation-drawer-transition-duration: 0.4s !default,
src/styles/desktop/template/vuetify/components/_alert.scss
+106
View File
@@ -0,0 +1,106 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/template/base/mixins";
@use "@/styles/desktop/configured-variables/template" as variables;
/* 👉 Alert
/ ℹ️ custom icon styling */
// 👉 Alert
.v-alert {
.v-alert__content {
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.375rem;
.v-alert-title {
margin-block-end: 0.25rem;
}
}
&:not(.v-alert--prominent) .v-alert__prepend {
border-radius: 0.375rem;
block-size: 1.875rem;
inline-size: 1.875rem;
.v-icon {
margin: auto;
block-size: 1.375rem !important;
font-size: 1.375rem !important;
inline-size: 1.375rem !important;
}
}
&:not(.v-alert--prominent) {
&.v-alert--variant-flat,
&.v-alert--variant-elevated {
.v-alert__prepend {
background-color: #fff;
@include mixins.elevation(2);
}
}
&.v-alert--variant-tonal {
.v-alert__prepend {
z-index: 1;
}
}
}
.v-alert__close {
.v-btn--icon {
--v-btn-height: 34px;
.v-btn__content {
padding: 0.375rem;
.v-icon {
block-size: 1.25rem;
font-size: 1.25rem;
inline-size: 1.25rem;
}
}
}
}
}
@each $color-name in variables.$theme-colors-name {
.v-alert {
&:not(.v-alert--prominent) {
&.bg-#{$color-name},
&.text-#{$color-name} {
.v-alert__prepend .v-icon {
color: rgb(var(--v-theme-#{$color-name})) !important;
}
}
&.v-alert--variant-tonal {
&.text-#{$color-name},
&.bg-#{$color-name} {
.v-alert__underlay {
background: rgb(var(--v-theme-#{$color-name})) !important;
}
.v-alert__prepend {
background-color: rgb(var(--v-theme-#{$color-name}));
.v-icon {
color: #fff !important;
}
}
}
}
&.v-alert--variant-outlined {
&.text-#{$color-name},
&.bg-#{$color-name} {
.v-alert__prepend {
background-color: rgba(var(--v-theme-#{$color-name}), 0.16);
}
}
}
}
}
}
src/styles/desktop/template/vuetify/components/_avatar.scss
+31
View File
@@ -0,0 +1,31 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/template/base/mixins";
// 👉 Avatar
body {
.v-avatar {
font-size: 0.9375rem;
.v-icon {
block-size: 1.5rem;
font-size: 1.5rem;
inline-size: 1.5rem;
}
&.v-avatar--variant-tonal:not([class*="text-"]) {
.v-avatar__underlay {
--v-activated-opacity: 0.08;
}
}
}
.v-avatar-group {
> * {
&:hover {
@include mixins.elevation(6);
}
}
}
}
src/styles/desktop/template/vuetify/components/_badge.scss
+38
View File
@@ -0,0 +1,38 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/configured-variables/template" as variables;
// 👉 Badge
.v-badge {
&.v-badge--inline:not(.v-badge--dot) {
.v-badge__wrapper {
.v-badge__badge {
padding-block: 4px;
padding-inline: 8px;
}
}
}
&.v-badge--tonal {
@each $color-name in variables.$theme-colors-name {
.v-badge__wrapper {
.v-badge__badge.bg-#{$color-name} {
background-color: rgba(var(--v-theme-#{$color-name}), var(--v-activated-opacity)) !important;
color: rgb(var(--v-theme-#{$color-name})) !important;
}
}
}
}
/* stylelint-disable-next-line no-descending-specificity */
&.v-badge--bordered.v-badge--dot .v-badge__badge {
border-radius: 10px;
block-size: 12px;
inline-size: 12px;
&::after {
border-width: 2px;
}
}
}
src/styles/desktop/template/vuetify/components/_button.scss
+274
View File
@@ -0,0 +1,274 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
/* stylelint-disable no-descending-specificity */
@use "sass:list";
@use "sass:map";
@use "@/styles/desktop/configured-variables/template" as variables;
/* 👉 Button
Above map but opacity values as key and variant as value */
body {
.v-btn {
&:not(.v-btn--block) {
min-inline-size: auto;
}
&--variant-elevated,
&--variant-flat {
&.v-btn--disabled {
.v-btn__overlay {
opacity: 0.45;
}
}
}
// Default (elevated) button
/* stylelint-disable-next-line no-duplicate-selectors */
&--variant-elevated,
&--variant-flat {
// We want darker background on hover instead of light
&:hover {
.v-btn__overlay {
opacity: 0;
}
}
&:not(.v-btn--loading, .v-btn--disabled) {
@each $color-name in variables.$theme-colors-name {
&.bg-#{$color-name} {
&:hover,
&:active,
&:focus {
background-color: rgb(var(--v-theme-#{$color-name}-darken-1)) !important;
}
}
}
}
}
&--variant-elevated {
&:active {
box-shadow: none;
}
}
// Outlined variant
&--variant-outlined,
&--variant-text {
.v-btn__overlay {
--v-hover-opacity: 0.08;
}
&:active {
.v-btn__overlay {
opacity: var(--v-hover-opacity);
}
}
&:focus {
.v-btn__overlay {
opacity: var(--v-hover-opacity);
}
}
}
// Tonal variant
&--variant-tonal {
&:hover {
.v-btn__underlay {
opacity: 0;
}
.v-btn__overlay {
--v-hover-opacity: 0.24;
}
}
&:active {
.v-btn__overlay {
--v-hover-opacity: 0.24;
opacity: var(--v-hover-opacity);
}
.v-btn__underlay {
opacity: 0;
}
}
&:focus {
.v-btn__overlay {
--v-hover-opacity: 0.24;
opacity: var(--v-hover-opacity);
}
.v-btn__underlay {
opacity: 0;
}
}
}
&--icon.v-btn--density-default {
block-size: var(--v-btn-height);
inline-size: var(--v-btn-height);
padding-inline: 6px;
&.v-btn--size-default {
.v-icon {
--v-icon-size-multiplier: 1 !important;
}
}
&.v-btn--size-small {
.v-icon {
block-size: 20px;
font-size: 20px;
inline-size: 20px;
}
}
&.v-btn--size-large {
.v-icon {
block-size: 28px;
font-size: 28px;
inline-size: 28px;
}
}
}
&:not(.v-btn--icon) .v-icon {
--v-icon-size-multiplier: 0.7115;
inline-size: auto;
}
&--variant-text,
&--variant-plain {
&:not(.v-btn--icon) {
padding-inline: 14px;
}
}
// Button Size
&--size-x-small {
--v-btn-height: 28px;
--v-btn-size: 11px;
&:not(.v-btn--icon) {
border-radius: 0.125rem;
}
line-height: 14px;
padding-block: 0;
padding-inline: 10px;
}
&--size-small {
--v-btn-height: 34px;
--v-btn-size: 13px;
&:not(.v-btn--icon) {
border-radius: 0.25rem;
}
line-height: 18px;
padding-block: 0;
padding-inline: 14px;
.v-icon {
--v-icon-size-multiplier: 0.718;
}
}
&--size-large {
--v-btn-height: 42px;
--v-btn-size: 17px;
&:not(.v-btn--icon) {
border-radius: 0.5rem;
}
line-height: 26px;
padding-block: 0;
padding-inline: 22px;
}
&--size-x-large {
--v-btn-height: 48px;
--v-btn-size: 19px;
&:not(.v-btn--icon) {
border-radius: 0.625rem;
}
line-height: 30px;
padding-block: 0;
padding-inline: 26px;
}
// Toggle Button
&-toggle {
.v-btn {
border-radius: 0.375rem;
block-size: 52px !important;
border-inline-end: none;
inline-size: 52px !important;
&.v-btn--density-comfortable {
block-size: 44px !important;
inline-size: 44px !important;
}
&.v-btn--density-compact {
block-size: 36px !important;
inline-size: 36px !important;
}
.v-icon {
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
font-size: 24px;
}
&--active {
.v-icon {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
}
}
&.v-btn-group {
align-items: center;
padding: 7px;
border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
block-size: 66px;
.v-btn.v-btn--active {
.v-btn__overlay {
--v-activated-opacity: 0.08;
}
}
&.v-btn-group--density-compact {
block-size: 50px;
}
&.v-btn-group--density-comfortable {
block-size: 58px;
}
}
}
}
// 👉 Btn group
.v-btn-group {
border: none;
&.v-btn-group--divided .v-btn:not(:last-child) {
border-inline-end-color: unset;
}
}
}
src/styles/desktop/template/vuetify/components/_cards.scss
+4
View File
@@ -0,0 +1,4 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 Card
src/styles/desktop/template/vuetify/components/_checkbox.scss
+45
View File
@@ -0,0 +1,45 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "sass:list";
@use "sass:map";
@use "@/styles/desktop/template/vuetify/variables" as vuetify;
@use "@/styles/desktop/configured-variables/template" as variables;
// 👉 checkbox box shadow
.v-checkbox-btn {
&.v-selection-control--dirty {
.v-selection-control__input {
.v-icon.custom-checkbox-checked,
.v-icon.custom-checkbox-indeterminate {
// ℹ️ Using filter: drop-shadow() instead of box-shadow because box-shadow creates white background for SVG;Usingfilter
filter: drop-shadow(rgba(var(--v-shadow-key-umbra-color), 16%) 0 2px 4px);
}
}
}
&.v-selection-control {
.v-label {
color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}
.v-selection-control__input {
svg {
font-size: 1.5rem;
}
}
}
&:not(.v-selection-control--dirty) {
.v-selection-control__input {
> .v-icon {
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
opacity: 1;
}
> .custom-checkbox-indeterminate {
color: rgb(var(--v-theme-primary));
}
}
}
}
src/styles/desktop/template/vuetify/components/_chip.scss
+102
View File
@@ -0,0 +1,102 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 Chip
.v-chip {
line-height: 1.25rem !important;
&:not(.v-chip--variant-elevated) {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-chip__close {
margin-inline: 4px -8px !important;
.v-icon {
opacity: 0.7;
}
}
&:not([class*="text-"]) {
--v-activated-opacity: 0.08;
}
&.v-chip--size-small {
--v-chip-height: 24px !important;
font-size: 13px !important;
padding-block: 0 !important;
padding-inline: 12px !important;
.v-chip__prepend {
.v-icon--start {
font-size: 1rem;
margin-inline: -8px 4px;
}
.v-avatar {
--v-avatar-height: 16px;
}
.v-avatar--start {
margin-inline: -8px 4px;
}
}
.v-chip__append {
.v-icon--end {
font-size: 1rem;
margin-inline: 4px -8px;
}
.v-avatar {
--v-avatar-height: 16px;
}
.v-avatar--end {
margin-inline: 4px -8px;
}
}
.v-chip__close {
font-size: 16px;
max-block-size: 16px;
max-inline-size: 16px;
}
}
&.v-chip--size-default {
padding-block: 0 !important;
padding-inline: 16px !important;
.v-chip__prepend {
.v-icon--start {
font-size: 1.25rem;
margin-inline: -8px 4px;
}
.v-avatar {
--v-avatar-height: 20px;
}
.v-avatar--start {
margin-inline: -8px 4px;
}
}
.v-chip__append {
.v-icon--end {
font-size: 1.25rem;
margin-inline: 4px -8px;
}
.v-avatar {
--v-avatar-height: 20px;
}
.v-avatar--end {
margin-inline: 4px -8px;
}
}
}
}
src/styles/desktop/template/vuetify/components/_dialog.scss
+15
View File
@@ -0,0 +1,15 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 Dialog
body {
.v-dialog {
font-size: 0.9375rem;
line-height: 1.375rem;
.v-dialog-close-btn {
color: rgb(var(--v-theme-secondary)) !important;
}
}
}
src/styles/desktop/template/vuetify/components/_expansion-panels.scss
+50
View File
@@ -0,0 +1,50 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/template/base/mixins";
// 👉 Expansion Panel
.v-expansion-panels {
.v-expansion-panel {
.v-expansion-panel-title {
font-weight: 500;
&--active {
.v-expansion-panel-title__overlay,
&:hover .v-expansion-panel-title__overlay {
opacity: 0 !important;
}
}
.v-expansion-panel-title__icon {
.v-icon {
block-size: 1.25rem;
font-size: 1.25rem;
inline-size: 1.25rem;
}
}
&:hover {
.v-expansion-panel-title__overlay {
opacity: 0 !important;
}
}
}
.v-expansion-panel-text {
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
font-size: 15px;
line-height: 1.375rem;
}
}
&:not(.v-expansion-panels--variant-accordion) {
.v-expansion-panel {
&.v-expansion-panel--active {
.v-expansion-panel__shadow {
@include mixins.elevation(6);
}
}
}
}
}
src/styles/desktop/template/vuetify/components/_field.scss
+61
View File
@@ -0,0 +1,61 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/configured-variables/template" as variables;
@use "sass:map";
@use "@/styles/desktop/template/vuetify/variables" as vuetify;
@use "@/styles/desktop/template/base/mixins";
@use "@/styles/desktop/template/base/utils";
// 👉 VField
// Override Vuetify's default outline color for text fields to match the theme
// ℹ️ We cannot override directly border color because it does not work with dirty or focus state
.v-field__outline {
color: rgba(var(--v-theme-on-surface));
&:not([class*="text-"]) .v-label {
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
}
// override input height on comfortable and compact density
.v-text-field,
.v-autocomplete,
.v-combobox,
.v-file-input,
.v-select {
&.v-input.v-input--density-default:not(.v-textarea) .v-field__input {
min-block-size: 56px;
}
&.v-input.v-input--density-comfortable:not(.v-textarea) .v-field__input {
min-block-size: 48px;
}
&.v-input.v-input--density-compact:not(.v-textarea) .v-field__input {
min-block-size: 40px;
}
}
.v-field.v-field--focused .v-field__outline,
.v-input.v-input--error .v-field__outline {
--v-field-border-opacity: 1 !important;
}
// hover state outline color
@media (hover: hover) {
.v-field:not(.v-field--focused, .v-field--error):hover .v-field__outline {
--v-field-border-opacity: 0.6 !important;
}
}
.v-field__prepend-inner,
.v-field__append-inner,
.v-field__clearable,
.v-input__prepend,
.v-input__append {
> .v-icon {
font-size: 20px;
opacity: var(--v-high-emphasis-opacity) !important;
}
}
src/styles/desktop/template/vuetify/components/_list.scss
+25
View File
@@ -0,0 +1,25 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 VList
.v-list {
// .v-icon {
// font-size: 1.375rem;font-sizefont-size
// }
.v-list-item {
&.v-list-item--active:not(.v-list-group__header) {
.v-list-item__content,
.v-list-item__prepend {
* {
color: rgb(var(--v-theme-primary));
}
}
.v-list-item__overlay {
background: rgb(var(--v-theme-primary));
}
}
}
}
src/styles/desktop/template/vuetify/components/_menu.scss
+9
View File
@@ -0,0 +1,9 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 VMenu
.v-menu {
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
padding-inline: 16px;
}
}
src/styles/desktop/template/vuetify/components/_pagination.scss
+175
View File
@@ -0,0 +1,175 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
/* stylelint-disable no-descending-specificity */
@use "@/styles/desktop/configured-variables/template" as variables;
@use "@/styles/desktop/template/base/mixins";
// 👉 VPagination
.v-pagination {
.v-pagination__list {
.v-pagination__next,
.v-pagination__last,
.v-pagination__first,
.v-pagination__prev {
.v-btn {
&.v-btn--icon {
&.v-btn--size-default {
.v-icon {
block-size: 1.375rem;
font-size: 1.375rem;
inline-size: 1.375rem;
}
}
&.v-btn--size-small {
.v-icon {
block-size: 1.25rem;
font-size: 1.25rem;
inline-size: 1.25rem;
}
}
&.v-btn--size-large {
.v-icon {
block-size: 1.5rem;
font-size: 1.5rem;
inline-size: 1.5rem;
}
}
}
}
}
// Common styles for buttons
.v-pagination__item,
.v-pagination__next,
.v-pagination__last,
.v-pagination__first,
.v-pagination__prev {
.v-btn {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
font-weight: 400;
line-height: 1;
transform: none;
&--size-default {
--v-btn-size: 13px;
}
&--size-large {
--v-btn-size: 15px;
}
&.v-btn--disabled {
opacity: 0.4;
}
&--variant-tonal {
.v-btn__underlay {
--v-activated-opacity: 0.08;
}
&:hover {
.v-btn__underlay {
--v-activated-opacity: 0;
}
.v-btn__overlay {
--v-hover-opacity: 0.16;
}
}
}
@each $color-name in variables.$theme-colors-name {
&--variant-tonal.text-#{$color-name} {
.v-btn__underlay {
background: rgb(var(--v-theme-on-surface));
}
.v-btn__content {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
&:hover {
.v-btn__content {
color: rgb(var(--v-theme-#{$color-name}));
}
}
}
}
&--variant-outlined {
&:hover {
.v-btn__overlay {
--v-hover-opacity: 0.06;
}
}
}
}
}
.v-pagination__item--is-active {
.v-btn {
&:not([class*="text-"]) {
color: rgb(var(--v-theme-primary));
}
}
.v-btn.v-btn--variant-tonal {
.v-btn__overlay {
--v-hover-opacity: 0.16;
background: rgb(var(--v-theme-primary));
opacity: var(--v-hover-opacity);
}
.v-btn__content {
color: rgb(var(--v-theme-primary));
}
.v-btn__underlay {
opacity: 0;
}
&:hover {
.v-btn__overlay {
--v-hover-opacity: 0.24;
}
}
}
@each $color-name in variables.$theme-colors-name {
.v-btn.v-btn--variant-tonal.text-#{$color-name} {
@include mixins.elevation(2);
.v-btn__overlay {
background: rgb(var(--v-theme-#{$color-name}));
opacity: 1;
}
.v-btn__content {
z-index: 1;
color: #fff;
}
}
}
.v-btn.v-btn--variant-outlined {
border-color: rgb(var(--v-theme-primary));
.v-btn__content {
color: rgb(var(--v-theme-primary));
}
.v-btn__overlay {
--v-hover-opacity: 0.16;
background: rgb(var(--v-theme-primary));
opacity: var(--v-hover-opacity);
}
}
}
}
}
src/styles/desktop/template/vuetify/components/_progress.scss
+6
View File
@@ -0,0 +1,6 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/configured-variables/template" as variables;
// 👉 Progress
src/styles/desktop/template/vuetify/components/_radio.scss
+50
View File
@@ -0,0 +1,50 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/template/base/mixins";
@use "@/styles/desktop/configured-variables/template" as variables;
// 👉 Radio
.v-radio,
.v-radio-btn {
&.v-selection-control--dirty {
.v-selection-control__input {
.custom-radio-checked {
filter: drop-shadow(rgba(var(--v-shadow-key-umbra-color), 16%) 0 2px 4px);
}
}
}
&.v-selection-control {
.v-selection-control__input {
svg {
font-size: 1.5rem;
}
}
.v-label {
color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}
}
&:not(.v-selection-control--dirty) {
.v-selection-control__input > .v-icon {
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
opacity: 1;
}
}
}
.v-radio-group.v-input > .v-input__control > .v-label {
font-size: 0.9375rem;
line-height: 22px;
margin-inline-start: 0;
}
.v-radio-group {
.v-selection-control-group {
.v-radio:not(:last-child) {
margin-inline-end: 0;
}
}
}
src/styles/desktop/template/vuetify/components/_slider.scss
+31
View File
@@ -0,0 +1,31 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 Slider
.v-slider {
.v-slider-track__background--opacity {
opacity: 0.16;
}
}
.v-slider-thumb {
.v-slider-thumb__surface::after {
border-radius: 50%;
background-color: #fff;
block-size: calc(var(--v-slider-thumb-size) - 10px);
inline-size: calc(var(--v-slider-thumb-size) - 10px);
}
.v-slider-thumb__label {
background-color: rgb(var(--v-tooltip-background));
color: rgb(var(--v-theme-surface));
font-weight: 500;
letter-spacing: 0.15px;
line-height: 1.25rem;
&::before {
content: none;
}
}
}
src/styles/desktop/template/vuetify/components/_snackbar.scss
+13
View File
@@ -0,0 +1,13 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 snackbar
.v-snackbar {
.v-snackbar__actions {
.v-btn {
padding-block: 0;
padding-inline: 10px;
}
}
}
src/styles/desktop/template/vuetify/components/_switch.scss
+60
View File
@@ -0,0 +1,60 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/configured-variables/template" as variables;
@use "@/styles/desktop/template/base/mixins";
// 👉 Switch
.v-switch {
.v-label {
color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
line-height: 22px;
}
}
.v-switch.v-switch--inset {
.v-selection-control .v-selection-control__wrapper {
block-size: 36px;
}
.v-ripple__container {
opacity: 0;
}
.v-switch__track {
background-color: rgba(var(--v-theme-on-surface), var(--v-focus-opacity));
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 16%) inset;
opacity: 1;
}
.v-selection-control__input {
transform: translateX(-5px) !important;
--v-selection-control-size: 1.125rem;
.v-switch__thumb {
background-color: #fff;
block-size: 0.875rem;
box-shadow: none;
filter: drop-shadow(0 2px 4px rgba(var(--v-shadow-key-umbra-color), 16%));
inline-size: 0.875rem;
transform: scale(1);
}
}
.v-selection-control--dirty {
@each $color-name in variables.$theme-colors-name {
.text-#{$color-name} {
.v-switch__track {
border-color: rgb(var(--v-theme-#{$color-name}));
background-color: rgb(var(--v-theme-#{$color-name}));
}
}
}
.v-selection-control__input {
transform: translateX(5px) !important;
}
}
}
src/styles/desktop/template/vuetify/components/_table.scss
+39
View File
@@ -0,0 +1,39 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
.v-data-table {
table {
tbody {
tr {
&.v-data-table-group-header-row {
td {
background: none;
}
}
}
}
}
}
// 👉 Table
.v-table {
.v-table__wrapper {
border-radius: 0;
table {
thead {
tr {
th {
background: rgb(var(--v-table-header-color)) !important;
border-block-end: none !important;
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !important;
font-size: 0.8125rem;
letter-spacing: 0.2px;
line-height: 24px;
text-transform: uppercase;
}
}
}
}
}
}
src/styles/desktop/template/vuetify/components/_tabs.scss
+116
View File
@@ -0,0 +1,116 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "@/styles/desktop/configured-variables/template" as variables;
@use "@/styles/desktop/template/base/mixins";
body {
.v-tabs {
.v-tab.v-btn {
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
padding-block: 0;
padding-inline: 1.375rem;
.v-icon {
block-size: 1.125rem;
font-size: 1.125rem;
inline-size: 1.125rem;
}
&.v-btn--stacked {
.v-icon {
block-size: 1.5rem !important;
font-size: 1.5rem !important;
inline-size: 1.5rem !important;
}
}
}
&:not(.v-tabs-pill) {
&.v-tabs--vertical {
border-inline-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
.v-tab__slider {
inset-inline-end: 0;
inset-inline-start: unset;
}
}
&.v-tabs--horizontal {
border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
.v-tab__slider {
inset-block-end: 1px;
inset-block-start: unset;
}
}
.v-tab {
&.v-tab--selected {
&.v-btn.v-btn--variant-text {
&:hover,
&:active,
&:focus {
.v-btn__overlay {
--v-hover-opacity: 0;
}
}
}
}
&:not(.v-tab--selected) {
&.v-btn.v-btn--variant-text {
&:hover,
&:active,
&:focus {
color: rgb(var(--v-theme-primary));
.v-btn__overlay {
--v-hover-opacity: 0;
}
.v-btn__content {
.v-tab__slider {
opacity: var(--v-activated-opacity);
}
}
}
}
}
}
}
&.v-tabs-pill {
.v-slide-group__content {
gap: 0.25rem;
}
&.v-slide-group,
.v-slide-group__container {
box-sizing: content-box;
padding: 1rem;
margin: -1rem;
}
/* stylelint-disable-next-line no-descending-specificity */
.v-tab {
&.v-btn {
border-radius: 0.375rem !important;
}
&:not(.v-tab--selected) {
/* stylelint-disable-next-line no-descending-specificity */
&.v-btn.v-btn--variant-text {
&:hover {
color: rgb(var(--v-theme-primary));
}
}
}
&.v-tab--selected {
@include mixins.elevation(2);
}
}
}
}
}
src/styles/desktop/template/vuetify/components/_textarea.scss
+4
View File
@@ -0,0 +1,4 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 Text Area
src/styles/desktop/template/vuetify/components/_tooltip.scss
+10
View File
@@ -0,0 +1,10 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
// 👉 Tooltip
.v-tooltip {
.v-overlay__content {
font-weight: 500;
}
}
src/styles/desktop/template/vuetify/components/index.scss
+25
View File
@@ -0,0 +1,25 @@
/** Materio Template Vuetify styles **/
/** https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
@use "alert";
@use "avatar";
@use "button";
@use "badge";
@use "cards";
@use "chip";
@use "dialog";
@use "expansion-panels";
@use "list";
@use "menu";
@use "pagination";
@use "progress";
@use "snackbar";
@use "slider";
@use "table";
@use "tabs";
@use "tooltip";
@use "field";
@use "checkbox";
@use "textarea";
@use "radio";
@use "switch";
src/styles/desktop/template/vuetify/index.scss
+1
View File
@@ -3,3 +3,4 @@
@use "@/styles/desktop/template/base/libs/vuetify";
@use "./overrides";
@use "./components/index";
src/views/desktop/SignupPage.vue
+2 -2
View File
@@ -137,11 +137,11 @@
<v-window-item value="presetCategories" class="signup-preset-categories">
<h4 class="text-h4 mb-1">{{ $t('Preset Categories') }}</h4>
<p class="text-sm mt-2 mb-5">{{ $t('Set whether to use preset transaction categories') }}</p>
<p class="text-sm mt-2 mb-2">{{ $t('Set whether to use preset transaction categories') }}</p>
<v-row>
<v-col cols="12" sm="6">
<v-switch :disabled="submitting || navigateToHomePage"
<v-switch class="mb-2" :disabled="submitting || navigateToHomePage"
:label="$t('Use Preset Transaction Categories')"
v-model="usePresetCategories"/>
</v-col>
src/views/desktop/app/settings/tabs/AppLockSettingTab.vue
+1 -1
View File
@@ -15,7 +15,7 @@
<v-switch :disabled="true"
:label="$t('Unlock with PIN Code')"
v-model="isEnableApplicationLock"/>
<v-switch class="mt-2" :label="$t('Unlock with WebAuthn')"
<v-switch :label="$t('Unlock with WebAuthn')"
:loading="enablingWebAuthn"
v-model="isEnableApplicationLockWebAuthn"/>
</v-card-text>
src/views/desktop/common/cards/AccountFilterSettingsCard.vue
+1 -1
View File
@@ -384,7 +384,7 @@ export default {
<style>
.account-categories .v-expansion-panel-text__wrapper {
padding: 0 0 0 20px;
padding: 0 0 0 0;
}
.account-categories .v-expansion-panel--active:not(:first-child),
src/views/desktop/common/cards/CategoryFilterSettingsCard.vue
+1 -1
View File
@@ -411,7 +411,7 @@ export default {
<style>
.category-types .v-expansion-panel-text__wrapper {
padding: 0 0 0 20px;
padding: 0 0 0 0;
}
.category-types .v-expansion-panel--active:not(:first-child),
third-party-dependencies.json
+10 -10
View File
@@ -39,7 +39,7 @@
"name": "cli",
"copyright": "Copyright (c) 2022 urfave/cli maintainers",
"url": "https://github.com/urfave/cli",
"licenseUrl": "https://github.com/urfave/cli/blob/v2.27.1/LICENSE"
"licenseUrl": "https://github.com/urfave/cli/blob/v2.27.3/LICENSE"
},
{
"name": "INI",
@@ -85,7 +85,7 @@
"name": "Go Cryptography",
"copyright": "Copyright (c) 2009 The Go Authors. All rights reserved.",
"url": "https://golang.org/x/crypto",
"licenseUrl": "https://cs.opensource.google/go/x/crypto/+/refs/tags/v0.25.0:LICENSE"
"licenseUrl": "https://cs.opensource.google/go/x/crypto/+/refs/tags/v0.26.0:LICENSE"
},
{
"name": "Gomail",
@@ -124,21 +124,21 @@
},
{
"name": "vuejs/core",
"copyright": "Copyright (c) 2018-present, Yuxi (Evan) You",
"copyright": "Copyright (c) 2018-present, Yuxi (Evan) You and Vue contributors",
"url": "https://github.com/vuejs/core",
"licenseUrl": "https://github.com/vuejs/core/blob/v3.4.31/LICENSE"
"licenseUrl": "https://github.com/vuejs/core/blob/v3.4.37/LICENSE"
},
{
"name": "Pinia",
"copyright": "Copyright (c) 2019-present Eduardo San Martin Morote",
"url": "https://github.com/vuejs/pinia",
"licenseUrl": "https://github.com/vuejs/pinia/blob/pinia%402.1.7/LICENSE"
"licenseUrl": "https://github.com/vuejs/pinia/blob/pinia%402.2.1/LICENSE"
},
{
"name": "vue-router",
"copyright": "Copyright (c) 2019-present Eduardo San Martin Morote",
"url": "https://github.com/vuejs/router",
"licenseUrl": "https://github.com/vuejs/router/blob/v4.4.0/LICENSE"
"licenseUrl": "https://github.com/vuejs/router/blob/v4.4.3/LICENSE"
},
{
"name": "vue-i18n",
@@ -150,7 +150,7 @@
"name": "vuetify",
"copyright": "Copyright (c) 2016-2023 John Jeremy Leider",
"url": "https://vuetifyjs.com",
"licenseUrl": "https://github.com/vuetifyjs/vuetify/blob/v3.6.11/LICENSE.md"
"licenseUrl": "https://github.com/vuetifyjs/vuetify/blob/v3.6.13/LICENSE.md"
},
{
"name": "register-service-worker",
@@ -216,13 +216,13 @@
"name": "@vuepic/vue-datepicker",
"copyright": "Copyright (c) 2021-present Vuepic",
"url": "https://vue3datepicker.com/",
"licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v8.8.1/LICENSE"
"licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v9.0.1/LICENSE"
},
{
"name": "axios",
"copyright": "Copyright (c) 2014-present Matt Zabriskie & Collaborators",
"url": "https://axios-http.com",
"licenseUrl": "https://github.com/axios/axios/blob/v1.7.2/LICENSE"
"licenseUrl": "https://github.com/axios/axios/blob/v1.7.3/LICENSE"
},
{
"name": "Moment.js",
@@ -282,7 +282,7 @@
"name": "Materio - Vuetify VueJS 3 Free Admin Template",
"copyright": "Copyright (c) 2022 ThemeSelection",
"url": "https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free",
"licenseUrl": "https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free/blob/v2.2.1/LICENSE"
"licenseUrl": "https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free/blob/v2.2.2/LICENSE"
},
{
"name": "Icons8 Line Awesome",