Vision Refactor

This commit is contained in:
alma 2026-01-14 12:20:21 +01:00
parent e88004da95
commit 1cf3b3fc4e

View File

@ -386,14 +386,18 @@ export default function VisionPage() {
onSelect={setSelectedDate} onSelect={setSelectedDate}
className="rounded-md border" className="rounded-md border"
classNames={{ classNames={{
// Header: mois/année en texte sombre
caption_label: "!text-gray-900 !font-semibold",
// Boutons de navigation: texte sombre sur fond blanc
nav_button: "!text-gray-700 hover:!text-gray-900 !bg-white",
// Forcer texte sombre sur fond blanc pour les jours normaux // Forcer texte sombre sur fond blanc pour les jours normaux
day: "text-gray-900 bg-white hover:bg-gray-100", day: "!text-gray-900 !bg-white hover:!bg-gray-100",
// Jour d'aujourd'hui: fond accent mais texte lisible // Jour d'aujourd'hui: fond bleu clair avec texte bleu lisible
day_today: "bg-blue-100 text-blue-700 border-blue-500 border-2", day_today: "!bg-blue-100 !text-blue-700 !border-blue-500 !border-2",
// Jour sélectionné: fond bleu foncé, texte blanc // Jour sélectionné: fond bleu foncé, texte blanc
day_selected: "bg-blue-600 text-white hover:bg-blue-700", day_selected: "!bg-blue-600 !text-white hover:!bg-blue-700",
// Jours hors mois: texte gris clair // Jours hors mois: texte gris clair
day_outside: "text-gray-400 bg-white", day_outside: "!text-gray-400 !bg-white",
}} }}
modifiers={{ modifiers={{
hasMeeting: (date) => { hasMeeting: (date) => {
@ -402,7 +406,7 @@ export default function VisionPage() {
}, },
}} }}
modifiersClassNames={{ modifiersClassNames={{
hasMeeting: "bg-blue-600 text-white font-semibold hover:bg-blue-700", hasMeeting: "!bg-blue-600 !text-white !font-semibold hover:!bg-blue-700",
}} }}
/> />
</div> </div>