Vision Refactor

This commit is contained in:
alma 2026-01-14 12:04:25 +01:00
parent 1a093fd356
commit e2f5f34d51

View File

@ -379,45 +379,6 @@ export default function VisionPage() {
<div className="flex flex-col lg:flex-row gap-6">
<div className="w-full lg:w-80 lg:flex-shrink-0">
<style dangerouslySetInnerHTML={{__html: `
.rdp-day:not(.rdp-day_selected):not(.rdp-day_outside):not(.hasMeeting) {
color: #1f2937 !important;
background-color: white !important;
}
.rdp-day_selected {
background-color: #2563eb !important;
color: white !important;
}
.rdp-day_today:not(.rdp-day_selected):not(.hasMeeting) {
color: #1d4ed8 !important;
background-color: #DBEAFE !important; /* bleu très clair */
border-color: #3b82f6 !important;
}
.rdp-day_outside {
color: #9ca3af !important;
background-color: white !important;
}
.rdp-day.hasMeeting {
background-color: #2563eb !important;
color: white !important;
font-weight: 600 !important;
}
.rdp-day.hasMeeting:hover {
background-color: #1d4ed8 !important;
color: white !important;
}
.rdp-caption_label {
color: #111827 !important;
font-weight: 600 !important;
}
.rdp-nav_button {
color: #374151 !important;
background-color: white !important;
}
.rdp-nav_button:hover {
color: #111827 !important;
}
`}} />
<CalendarComponent
mode="single"
selected={selectedDate}
@ -427,10 +388,12 @@ export default function VisionPage() {
caption_label: "text-gray-900 font-semibold",
nav_button: "text-gray-700 hover:text-gray-900 bg-white",
day: "h-9 w-9 p-0 font-normal border border-gray-200 bg-white text-gray-900 hover:bg-blue-50",
day_selected: "bg-blue-600 text-white hover:bg-blue-700",
day_today: "border-blue-500 text-blue-700 bg-white",
day_outside: "text-gray-400 bg-white",
day_disabled: "text-gray-300 bg-white opacity-50",
// Jour sélectionné (ex: clic ou jour avec réunion si sélectionné)
day_selected: "h-9 w-9 p-0 font-normal border border-blue-600 bg-blue-600 text-white hover:bg-blue-700",
// Jour d'aujourd'hui sans réunion: fond bleu clair + texte bleu lisible
day_today: "h-9 w-9 p-0 font-normal border border-blue-500 bg-blue-100 text-blue-700",
day_outside: "h-9 w-9 p-0 font-normal border border-gray-200 bg-white text-gray-400",
day_disabled: "h-9 w-9 p-0 font-normal border border-gray-200 bg-white text-gray-300 opacity-50",
}}
modifiers={{
hasMeeting: (date) => {
@ -439,7 +402,8 @@ export default function VisionPage() {
},
}}
modifiersClassNames={{
hasMeeting: "hasMeeting bg-blue-600 text-white font-semibold hover:bg-blue-700",
// Jour avec réunion: on force fond bleu et texte blanc
hasMeeting: "bg-blue-600 text-white font-semibold hover:bg-blue-700",
}}
/>
</div>