44 lines
828 B
CSS
44 lines
828 B
CSS
@layer vuetify-components {}
|
|
@layer vuetify-overrides {
|
|
.v-tab {
|
|
height: var(--v-tabs-height);
|
|
border-radius: 0;
|
|
min-width: 90px;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-slide-group--horizontal .v-tab {
|
|
max-width: 360px;
|
|
}
|
|
.v-slide-group--vertical .v-tab {
|
|
justify-content: start;
|
|
}
|
|
.v-tab__slider {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 2px;
|
|
width: 100%;
|
|
background: currentColor;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
.v-tab--selected .v-tab__slider {
|
|
opacity: 1;
|
|
}
|
|
.v-slide-group--vertical .v-tab__slider {
|
|
top: 0;
|
|
height: 100%;
|
|
width: 2px;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-tab--selected.v-btn {
|
|
color: highlight;
|
|
}
|
|
.v-tab__slider {
|
|
background: highlight;
|
|
}
|
|
}
|
|
} |