72 lines
1.7 KiB
CSS
72 lines
1.7 KiB
CSS
@layer vuetify-components {
|
|
.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: flex;
|
|
flex-direction: column;
|
|
column-gap: 4px;
|
|
font-size: 0.875rem;
|
|
}
|
|
.v-date-picker-month__weekday {
|
|
font-size: 0.875rem;
|
|
}
|
|
.v-date-picker-month__days {
|
|
display: grid;
|
|
grid-template-columns: repeat(var(--v-date-picker-days-in-week), min-content);
|
|
column-gap: 4px;
|
|
justify-content: space-around;
|
|
width: 100%;
|
|
}
|
|
.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.875rem;
|
|
}
|
|
.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;
|
|
}
|
|
.v-date-picker-month__events {
|
|
height: 8px;
|
|
left: 0;
|
|
text-indent: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
white-space: pre;
|
|
width: 100%;
|
|
}
|
|
.v-date-picker-month__events > div {
|
|
height: 8px;
|
|
margin: 0 1px;
|
|
width: 8px;
|
|
margin-bottom: -1px;
|
|
}
|
|
.v-date-picker-month__events .v-badge--dot .v-badge__badge {
|
|
border-radius: 4px;
|
|
height: 8px;
|
|
width: 8px;
|
|
}
|
|
.v-date-picker-month__day .v-date-picker-month__events {
|
|
bottom: 8px;
|
|
}
|
|
} |