Vision Refactor
This commit is contained in:
parent
67a67622f0
commit
9f1bbce309
@ -379,6 +379,45 @@ export default function VisionPage() {
|
|||||||
|
|
||||||
<div className="flex flex-col lg:flex-row gap-6">
|
<div className="flex flex-col lg:flex-row gap-6">
|
||||||
<div className="w-full lg:w-80 lg:flex-shrink-0">
|
<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: white !important;
|
||||||
|
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
|
<CalendarComponent
|
||||||
mode="single"
|
mode="single"
|
||||||
selected={selectedDate}
|
selected={selectedDate}
|
||||||
@ -386,8 +425,8 @@ export default function VisionPage() {
|
|||||||
className="rounded-md border"
|
className="rounded-md border"
|
||||||
classNames={{
|
classNames={{
|
||||||
caption_label: "text-gray-900 font-semibold",
|
caption_label: "text-gray-900 font-semibold",
|
||||||
nav_button: "text-gray-700 hover:text-gray-900",
|
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-800 hover:bg-blue-50",
|
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_selected: "bg-blue-600 text-white hover:bg-blue-700",
|
||||||
day_today: "border-blue-500 text-blue-700 bg-white",
|
day_today: "border-blue-500 text-blue-700 bg-white",
|
||||||
day_outside: "text-gray-400 bg-white",
|
day_outside: "text-gray-400 bg-white",
|
||||||
@ -400,7 +439,7 @@ export default function VisionPage() {
|
|||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
modifiersClassNames={{
|
modifiersClassNames={{
|
||||||
hasMeeting: "bg-blue-600 text-white font-semibold hover:bg-blue-700",
|
hasMeeting: "hasMeeting bg-blue-600 text-white font-semibold hover:bg-blue-700",
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user