routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+44
@@ -0,0 +1,44 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user