routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+64
@@ -0,0 +1,64 @@
|
||||
@layer vuetify-components {
|
||||
.v-picker.v-sheet {
|
||||
display: grid;
|
||||
grid-auto-rows: min-content;
|
||||
grid-template-areas: "header" "body";
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
overflow: hidden;
|
||||
}
|
||||
.v-picker.v-sheet {
|
||||
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
||||
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
||||
}
|
||||
.v-picker.v-sheet {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.v-picker.v-sheet.v-picker--with-actions {
|
||||
grid-template-areas: "header" "body" "actions";
|
||||
}
|
||||
.v-picker.v-sheet.v-picker--landscape {
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-areas: "header body" "header body";
|
||||
}
|
||||
.v-picker.v-sheet.v-picker--landscape.v-picker--with-actions {
|
||||
grid-template-areas: "header body" "header actions";
|
||||
}
|
||||
.v-picker__body {
|
||||
grid-area: body;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.v-picker__header-wrapper {
|
||||
grid-area: header;
|
||||
}
|
||||
.v-picker__actions {
|
||||
grid-area: actions;
|
||||
padding: 0 12px 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.v-picker__actions .v-btn {
|
||||
min-width: 48px;
|
||||
}
|
||||
.v-picker__actions .v-btn:not(:last-child) {
|
||||
margin-inline-end: 8px;
|
||||
}
|
||||
.v-picker--divided .v-picker__header {
|
||||
border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: thin;
|
||||
}
|
||||
.v-picker-title {
|
||||
text-transform: uppercase;
|
||||
font-size: 0.75rem;
|
||||
padding-inline: 24px 12px;
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1666666667em;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user