update
This commit is contained in:
@@ -1647,3 +1647,94 @@ button.carei-reservation-trigger:hover {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* ──────────────────────────────────────────────────────────────
|
||||
Flatpickr — compact theme + Carei colors
|
||||
────────────────────────────────────────────────────────────── */
|
||||
.flatpickr-calendar {
|
||||
width: 260px !important;
|
||||
font-size: 13px !important;
|
||||
box-shadow: 0 6px 20px rgba(47, 36, 130, 0.15);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.flatpickr-calendar.open { z-index: 100000; }
|
||||
.flatpickr-months { padding: 4px 0; }
|
||||
.flatpickr-month { height: 28px; }
|
||||
.flatpickr-current-month {
|
||||
font-size: 13px;
|
||||
padding: 4px 0 0 0;
|
||||
height: 24px;
|
||||
}
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months,
|
||||
.flatpickr-current-month input.cur-year {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.flatpickr-prev-month,
|
||||
.flatpickr-next-month {
|
||||
padding: 4px 8px;
|
||||
height: 28px;
|
||||
}
|
||||
.flatpickr-prev-month svg,
|
||||
.flatpickr-next-month svg { width: 12px; height: 12px; }
|
||||
.flatpickr-weekdays { height: 24px; }
|
||||
.flatpickr-weekday {
|
||||
font-size: 11px !important;
|
||||
font-weight: 600;
|
||||
color: #6b6b8a !important;
|
||||
}
|
||||
.dayContainer {
|
||||
padding: 2px;
|
||||
width: 252px;
|
||||
min-width: 252px;
|
||||
max-width: 252px;
|
||||
}
|
||||
.flatpickr-day {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
max-width: 32px;
|
||||
border-radius: 4px;
|
||||
margin: 1px 0;
|
||||
}
|
||||
.flatpickr-day.today { border-color: #2F2482; }
|
||||
.flatpickr-day.selected,
|
||||
.flatpickr-day.startRange,
|
||||
.flatpickr-day.endRange,
|
||||
.flatpickr-day.selected:hover {
|
||||
background: #2F2482 !important;
|
||||
border-color: #2F2482 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.flatpickr-day:hover,
|
||||
.flatpickr-day.prevMonthDay:hover,
|
||||
.flatpickr-day.nextMonthDay:hover {
|
||||
background: rgba(47, 36, 130, 0.08);
|
||||
}
|
||||
.flatpickr-time {
|
||||
height: 32px;
|
||||
border-top: 1px solid rgba(47, 36, 130, 0.12);
|
||||
}
|
||||
.flatpickr-time input {
|
||||
font-size: 13px;
|
||||
height: 32px;
|
||||
}
|
||||
.flatpickr-time .flatpickr-time-separator,
|
||||
.flatpickr-time .flatpickr-am-pm {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.flatpickr-time input:hover,
|
||||
.flatpickr-time input:focus {
|
||||
background: rgba(47, 36, 130, 0.05);
|
||||
}
|
||||
.flatpickr-time .numInputWrapper span {
|
||||
width: 12px;
|
||||
height: 50%;
|
||||
}
|
||||
@media (max-width: 380px) {
|
||||
.flatpickr-calendar { width: calc(100vw - 24px) !important; }
|
||||
.dayContainer { width: 100%; min-width: 0; max-width: 100%; }
|
||||
.flatpickr-day { max-width: none; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user