56 lines
1.3 KiB
CSS
56 lines
1.3 KiB
CSS
.v-date-picker-month {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0 12px 8px;
|
|
--v-date-picker-month-day-diff: 4px;
|
|
}
|
|
|
|
.v-date-picker-month__weeks {
|
|
display: grid;
|
|
grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
|
|
column-gap: 4px;
|
|
font-size: 0.85rem;
|
|
}
|
|
.v-date-picker-month__weeks + .v-date-picker-month__days {
|
|
grid-row-gap: 0;
|
|
}
|
|
|
|
.v-date-picker-month__weekday {
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.v-date-picker-month__days {
|
|
display: grid;
|
|
grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
|
|
column-gap: 4px;
|
|
flex: 1 1;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.v-date-picker-month__day {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
.v-date-picker-month__day--selected .v-btn {
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
|
|
--v-btn-height: 24px;
|
|
--v-btn-size: 0.85rem;
|
|
}
|
|
.v-date-picker-month__day--week {
|
|
font-size: var(--v-btn-size);
|
|
}
|
|
|
|
.v-date-picker-month__day--adjacent {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.v-date-picker-month__day--hide-adjacent {
|
|
opacity: 0;
|
|
} |