This commit is contained in:
2026-04-22 22:00:50 +02:00
parent 16be247ce1
commit e979fbe755
46 changed files with 5302 additions and 274 deletions

View File

@@ -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; }
}