alma/NeahStable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Vision Refactor

Browse Source
This commit is contained in:
alma 2026-01-14 12:25:25 +01:00
parent a07e9d6591
commit 6ffa76f3cf
1 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
app/vision/page.tsx
View File

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