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) => {
return (
<div
className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110"
style={{
backgroundColor: `${arg.event.backgroundColor}`,
boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40`
}}
>
<div className="flex items-center gap-1.5 text-xs text-white">
{!arg.event.allDay && (
<span className="font-medium whitespace-nowrap">
{new Date(arg.event.start).toLocaleTimeString('fr-FR', {
hour: '2-digit',
minute: '2-digit'
})}
</span>
)}
<span className="font-medium truncate">
{arg.event.title}
</span>
</div>
</div>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div
className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110"
style={{
backgroundColor: `${arg.event.backgroundColor}`,
boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40`
}}
>
<div className="flex items-center gap-1.5 text-xs text-white">
{!arg.event.allDay && (
<span className="font-medium whitespace-nowrap shrink-0">
{new Date(arg.event.start).toLocaleTimeString('fr-FR', {
hour: '2-digit',
minute: '2-digit'
})}
</span>
)}
<span className="font-medium truncate max-w-[calc(100%-4.5rem)]">
{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"