Files
ezbookkeeping/src/styles/desktop/vuetify.css
T
2023-06-22 21:30:18 +08:00

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));
}