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-15 19:10:14 +01:00
parent e634e900a4
commit e4d8d35533
1 changed files with 52 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
app/vision/page.tsx
View File

@ -381,17 +381,40 @@ export default function VisionPage() {
{/* Colonne calendrier (étroite) */}
<div id="vision-calendar" className="w-full lg:w-80 lg:flex-shrink-0">
<style dangerouslySetInnerHTML={{__html: `
#vision-calendar {
color: #111827 !important;
}
#vision-calendar .rdp {
--rdp-cell-size: 2.5rem;
--rdp-accent-color: #2563eb;
--rdp-background-color: white;
--rdp-accent-color-dark: #1d4ed8;
--rdp-background-color-dark: #f3f4f6;
--rdp-outline: 2px solid var(--rdp-accent-color);
--rdp-outline-selected: 2px solid var(--rdp-accent-color);
margin: 0;
}
#vision-calendar .rdp-caption {
color: #111827 !important;
background-color: white !important;
}
#vision-calendar .rdp-caption_label {
color: #111827 !important;
font-weight: 600 !important;
font-size: 0.875rem !important;
background-color: white !important;
}
#vision-calendar .rdp-nav {
background-color: white !important;
}
#vision-calendar .rdp-nav_button {
color: #374151 !important;
background-color: white !important;
border: 1px solid #e5e7eb !important;
}
#vision-calendar .rdp-nav_button:hover {
color: #111827 !important;
background-color: #f9fafb !important;
}
#vision-calendar .rdp-nav_button svg,
#vision-calendar .rdp-nav_button path {
@ -405,12 +428,22 @@ export default function VisionPage() {
stroke: #111827 !important;
fill: #111827 !important;
}
#vision-calendar .rdp-head_cell {
color: #6b7280 !important;
font-weight: 500 !important;
background-color: white !important;
}
#vision-calendar .rdp-day {
color: #1f2937 !important;
background-color: white !important;
width: 2.5rem !important;
height: 2.5rem !important;
font-size: 0.875rem !important;
border: 1px solid transparent !important;
}
#vision-calendar .rdp-day:hover:not(.rdp-day_disabled):not(.rdp-day_selected):not(.hasMeeting) {
background-color: #f3f4f6 !important;
color: #111827 !important;
}
#vision-calendar .rdp-day_today {
background-color: #DBEAFE !important;
@ -418,14 +451,27 @@ export default function VisionPage() {
border: 2px solid #3b82f6 !important;
font-weight: 600 !important;
}
#vision-calendar .rdp-day_today:hover {
background-color: #bfdbfe !important;
color: #1e40af !important;
}
#vision-calendar .rdp-day_selected {
background-color: #2563eb !important;
color: white !important;
font-weight: 600 !important;
}
#vision-calendar .rdp-day_selected:hover {
background-color: #1d4ed8 !important;
color: white !important;
}
#vision-calendar .rdp-day_outside {
color: #9ca3af !important;
background-color: white !important;
}
#vision-calendar .rdp-day_outside:hover {
background-color: #f9fafb !important;
color: #6b7280 !important;
}
#vision-calendar .rdp-day.hasMeeting {
background-color: #2563eb !important;
color: white !important;
@ -435,12 +481,14 @@ export default function VisionPage() {
background-color: #1d4ed8 !important;
color: white !important;
}
#vision-calendar .rdp-day:not(.rdp-day_disabled):hover {
background-color: #f3f4f6 !important;
}
#vision-calendar .rdp-day.hasMeeting:not(.rdp-day_disabled):hover {
#vision-calendar .rdp-day.hasMeeting.rdp-day_today {
background-color: #1d4ed8 !important;
color: white !important;
border: 2px solid #1e40af !important;
}
#vision-calendar .rdp-day.hasMeeting.rdp-day_selected {
background-color: #1e40af !important;
color: white !important;
}
`}} />
<CalendarComponent