Vision Refactor

This commit is contained in:
alma 2026-01-14 12:25:25 +01:00
parent a07e9d6591
commit 6ffa76f3cf

View File

@ -378,56 +378,55 @@ export default function VisionPage() {
</div>
<div className="flex flex-col lg:flex-row gap-6">
{/* Colonne calendrier (étroite, garde le thème par défaut qui fonctionnait) */}
<div className="w-full lg:w-80 lg:flex-shrink-0">
{/* Colonne calendrier (étroite) */}
<div id="vision-calendar" className="w-full lg:w-80 lg:flex-shrink-0">
<style dangerouslySetInnerHTML={{__html: `
/* Forcer le header mois/année */
.rdp-caption_label {
#vision-calendar .rdp-caption_label {
color: #111827 !important;
font-weight: 600 !important;
}
/* Forcer les boutons de navigation */
.rdp-nav_button {
#vision-calendar .rdp-nav_button {
color: #374151 !important;
background-color: white !important;
}
.rdp-nav_button:hover {
#vision-calendar .rdp-nav_button:hover {
color: #111827 !important;
}
.rdp-nav_button svg {
#vision-calendar .rdp-nav_button svg,
#vision-calendar .rdp-nav_button path {
color: #374151 !important;
stroke: #374151 !important;
fill: #374151 !important;
}
.rdp-nav_button:hover svg {
#vision-calendar .rdp-nav_button:hover svg,
#vision-calendar .rdp-nav_button:hover path {
color: #111827 !important;
stroke: #111827 !important;
fill: #111827 !important;
}
/* Forcer les jours normaux */
.rdp-day:not(.rdp-day_selected):not(.rdp-day_outside):not(.hasMeeting) {
#vision-calendar .rdp-day {
color: #1f2937 !important;
background-color: white !important;
}
/* Forcer le jour d'aujourd'hui */
.rdp-day_today:not(.rdp-day_selected):not(.hasMeeting) {
#vision-calendar .rdp-day_today {
background-color: #DBEAFE !important;
color: #1d4ed8 !important;
border: 2px solid #3b82f6 !important;
}
/* Forcer le jour sélectionné */
.rdp-day_selected {
#vision-calendar .rdp-day_selected {
background-color: #2563eb !important;
color: white !important;
}
/* Forcer les jours hors mois */
.rdp-day_outside {
#vision-calendar .rdp-day_outside {
color: #9ca3af !important;
background-color: white !important;
}
/* Forcer les jours avec réunion */
.rdp-day.hasMeeting {
#vision-calendar .rdp-day.hasMeeting {
background-color: #2563eb !important;
color: white !important;
font-weight: 600 !important;
}
.rdp-day.hasMeeting:hover {
#vision-calendar .rdp-day.hasMeeting:hover {
background-color: #1d4ed8 !important;
color: white !important;
}