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

calendar 37

Browse Source
This commit is contained in:
Alma 2025-04-13 17:25:32 +02:00
parent 51ab2c2150
commit 5eff93a394
1 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/calendar/calendar-client.tsx
View File

@ -1130,31 +1130,29 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
})) }))
)} )}
eventContent={(arg) => ( eventContent={(arg) => (
<div className="p-1 overflow-hidden"> <div className="px-1 py-0.5 overflow-hidden w-full bg-opacity-90 hover:bg-opacity-100 transition-all">
<div className="font-semibold truncate">{arg.event.title}</div> <div className="flex items-center gap-1 text-xs">
{!arg.event.allDay && ( {!arg.event.allDay && (
<div className="text-xs opacity-90"> <span className="font-medium whitespace-nowrap">
{new Date(arg.event.start).toLocaleTimeString('fr-FR', { {new Date(arg.event.start).toLocaleTimeString('fr-FR', {
hour: '2-digit',
minute: '2-digit'
})}
{arg.event.end && (
<> - {new Date(arg.event.end).toLocaleTimeString('fr-FR', {
hour: '2-digit', hour: '2-digit',
minute: '2-digit' minute: '2-digit'
})}</> })}
)} </span>
</div> )}
)} <span className="font-medium truncate">
{arg.event.extendedProps.location && ( {arg.event.title}
<div className="text-xs opacity-75 truncate"> </span>
<MapPin className="inline-block w-3 h-3 mr-1" /> </div>
{arg.event.extendedProps.location}
</div>
)}
</div> </div>
)} )}
eventClassNames="rounded-md shadow-sm hover:shadow-md transition-shadow cursor-pointer" eventClassNames={(arg) => [
'rounded border-l-4',
'hover:ring-2 hover:ring-offset-1 hover:ring-opacity-50',
'transition-all duration-200',
'shadow-sm hover:shadow',
arg.event.allDay ? 'py-1' : ''
]}
locale={frLocale} locale={frLocale}
selectable={true} selectable={true}
selectMirror={true} selectMirror={true}