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

agenda widget mia 3

Browse Source
This commit is contained in:
Alma 2025-04-13 20:06:47 +02:00
parent 0dc78b4c9f
commit 2961a7f516
1 changed files with 40 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1061,27 +1061,46 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
)} )}
eventContent={(arg) => { eventContent={(arg) => {
return ( return (
<div <TooltipProvider>
className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110" <Tooltip>
style={{ <TooltipTrigger asChild>
backgroundColor: `${arg.event.backgroundColor}`, <div
boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40` className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110"
}} style={{
> backgroundColor: `${arg.event.backgroundColor}`,
<div className="flex items-center gap-1.5 text-xs text-white"> boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40`
{!arg.event.allDay && ( }}
<span className="font-medium whitespace-nowrap"> >
{new Date(arg.event.start).toLocaleTimeString('fr-FR', { <div className="flex items-center gap-1.5 text-xs text-white">
hour: '2-digit', {!arg.event.allDay && (
minute: '2-digit' <span className="font-medium whitespace-nowrap shrink-0">
})} {new Date(arg.event.start).toLocaleTimeString('fr-FR', {
</span> hour: '2-digit',
)} minute: '2-digit'
<span className="font-medium truncate"> })}
{arg.event.title} </span>
</span> )}
</div> <span className="font-medium truncate max-w-[calc(100%-4.5rem)]">
</div> {arg.event.title}
</span>
</div>
</div>
</TooltipTrigger>
<TooltipContent>
<div className="text-sm">
<p className="font-medium">{arg.event.title}</p>
{!arg.event.allDay && (
<p className="text-xs text-gray-400 mt-1">
{new Date(arg.event.start).toLocaleTimeString('fr-FR', {
hour: '2-digit',
minute: '2-digit'
})}
</p>
)}
</div>
</TooltipContent>
</Tooltip>
</TooltipProvider>
); );
}} }}
eventClassNames="rounded-md overflow-hidden" eventClassNames="rounded-md overflow-hidden"