mirror of
https://github.com/mayswind/ezbookkeeping.git
synced 2026-05-14 15:07:33 +08:00
212 lines
4.9 KiB
CSS
212 lines
4.9 KiB
CSS
/** Vuetify class overrides **/
|
|
/** reference: https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free **/
|
|
|
|
.v-application__wrap {
|
|
min-height: calc(var(--vh, 1vh) * 100);
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.text-h1,
|
|
.text-h2,
|
|
.text-h3,
|
|
.text-h4,
|
|
.text-h5,
|
|
.text-h6,
|
|
.text-button,
|
|
.text-overline,
|
|
.v-card-title {
|
|
color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
|
|
}
|
|
|
|
.v-application,
|
|
.text-body-1,
|
|
.text-body-2,
|
|
.text-subtitle-1,
|
|
.text-subtitle-2 {
|
|
color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
|
|
}
|
|
|
|
.v-row .v-col .v-input__details,
|
|
.v-row [class^="v-col-*"] .v-input__details {
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
.v-btn--density-compact.v-btn--size-default .v-btn__content > svg {
|
|
block-size: 22px;
|
|
font-size: 22px;
|
|
inline-size: 22px;
|
|
}
|
|
|
|
.v-card-text + .v-card-text {
|
|
padding-block-start: 0 !important;
|
|
}
|
|
|
|
.v-checkbox.v-input,
|
|
.v-switch.v-input {
|
|
--v-input-control-height: auto;
|
|
flex: unset;
|
|
}
|
|
|
|
.v-selection-control--density-comfortable.v-checkbox-btn .v-selection-control__wrapper,
|
|
.v-selection-control--density-comfortable.v-radio .v-selection-control__wrapper,
|
|
.v-selection-control--density-comfortable.v-radio-btn .v-selection-control__wrapper {
|
|
margin-inline-start: -.5625rem;
|
|
}
|
|
|
|
.v-selection-control--density-compact.v-radio .v-selection-control__wrapper,
|
|
.v-selection-control--density-compact.v-radio-btn .v-selection-control__wrapper,
|
|
.v-selection-control--density-compact.v-checkbox-btn .v-selection-control__wrapper {
|
|
margin-inline-start: -.3125rem;
|
|
}
|
|
|
|
.v-selection-control--density-default.v-checkbox-btn .v-selection-control__wrapper,
|
|
.v-selection-control--density-default.v-radio .v-selection-control__wrapper,
|
|
.v-selection-control--density-default.v-radio-btn .v-selection-control__wrapper {
|
|
margin-inline-start: -.6875rem;
|
|
}
|
|
|
|
.v-radio-group .v-selection-control-group .v-radio:not(:last-child) {
|
|
margin-inline-end: .9rem;
|
|
}
|
|
|
|
.disable-tab-transition {
|
|
overflow: unset !important;
|
|
}
|
|
|
|
.disable-tab-transition .v-window__container {
|
|
block-size: auto !important;
|
|
}
|
|
|
|
.disable-tab-transition .v-window-item:not(.v-window-item--active) {
|
|
display: none !important;
|
|
}
|
|
|
|
.disable-tab-transition .v-window__container .v-window-item {
|
|
transform: none !important;
|
|
}
|
|
|
|
.v-list .v-list-item__prepend > .v-icon,
|
|
.v-list .v-list-item__append > .v-icon {
|
|
opacity: var(--v-high-emphasis-opacity);
|
|
}
|
|
|
|
.card-list {
|
|
--v-card-list-gap: 20px;
|
|
}
|
|
|
|
.card-list.v-list {
|
|
padding-block: 0;
|
|
}
|
|
|
|
.card-list .v-list-item {
|
|
min-block-size: unset;
|
|
min-block-size: auto !important;
|
|
padding-block: 0 !important;
|
|
padding-inline: 0 !important;
|
|
}
|
|
|
|
.card-list .v-list-item > .v-ripple__container {
|
|
opacity: 0;
|
|
}
|
|
|
|
.card-list .v-list-item:not(:last-child) {
|
|
padding-block-end: var(--v-card-list-gap) !important;
|
|
}
|
|
|
|
.card-list .v-list-item: hover > .v-list-item__overlay,
|
|
.card-list .v-list-item:focus > .v-list-item__overlay,
|
|
.card-list .v-list-item:active > .v-list-item__overlay,
|
|
.card-list .v-list-item.active > .v-list-item__overlay {
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
.v-divider {
|
|
color: rgb(var(--v-border-color));
|
|
}
|
|
|
|
.v-data-table .v-checkbox-btn .v-selection-control__wrapper {
|
|
margin-inline-start: 0 !important;
|
|
}
|
|
|
|
.v-data-table .v-selection-control {
|
|
display: flex !important;
|
|
}
|
|
|
|
.v-data-table .v-pagination {
|
|
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
|
}
|
|
|
|
.v-data-table-footer {
|
|
margin-block-start: 1rem;
|
|
}
|
|
|
|
.v-field:hover .v-field__outline {
|
|
--v-field-border-opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
|
|
.v-label {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.v-label:not(.v-field-label--floating) {
|
|
color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
|
|
}
|
|
|
|
.v-messages {
|
|
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
|
opacity: 1;
|
|
}
|
|
|
|
.v-alert__close .v-btn--icon .v-icon {
|
|
--v-icon-size-multiplier: 1.5;
|
|
}
|
|
|
|
.v-badge__badge {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.v-btn:focus-visible:after {
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
.v-input:not(.v-select--chips) .v-select__selection .v-chip {
|
|
margin-block: 2px var(--select-chips-margin-bottom);
|
|
}
|
|
|
|
.v-card-subtitle,
|
|
.v-list-item-subtitle {
|
|
color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
|
|
}
|
|
|
|
.v-field__input input::placeholder,
|
|
input.v-field__input::placeholder,
|
|
textarea.v-field__input::placeholder {
|
|
color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.v-card-item {
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.v-card-text {
|
|
letter-spacing: .0094rem;
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.v-card--variant-elevated {
|
|
box-shadow: 0 4px 5px -2px var(--v-shadow-key-umbra-opacity), 0 2px 10px 1px var(--v-shadow-key-penumbra-opacity), 0 2px 16px 1px var(--v-shadow-key-ambient-opacity);
|
|
}
|
|
|
|
.v-card--variant-elevated,
|
|
.v-card--variant-flat {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
|
}
|