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

widget agenda correction fix

Browse Source
This commit is contained in:
Alma 2025-04-13 23:18:31 +02:00
parent 61e8872cd1
commit 789a919530
1 changed files with 7 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/calendar.tsx
View File

@ -90,7 +90,7 @@ export function Calendar() {
return (
<Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg">
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">Agenda</CardTitle>
<CardTitle className="text-lg font-semibold text-gray-800">Calendar</CardTitle>
<Button
variant="ghost"
size="icon"
@ -118,36 +118,24 @@ export function Calendar() {
>
<div className="flex gap-2">
<div
className="flex-shrink-0 w-14 h-14 rounded-lg flex flex-col items-center justify-center border"
className="flex-shrink-0 w-12 h-12 rounded-lg flex flex-col items-center justify-center border"
style={{
backgroundColor: `${event.calendarColor}10`,
borderColor: event.calendarColor
}}
>
<CalendarIcon className="h-4 w-4" style={{ color: event.calendarColor }} />
<span
className="text-[10px] font-medium"
className="text-[10px] font-medium mt-0.5"
style={{ color: event.calendarColor }}
>
{formatDate(event.start)}
</span>
<span
className="text-[10px] font-bold mt-0.5"
style={{ color: event.calendarColor }}
>
{formatTime(event.start)}
</span>
</div>
<div className="flex-1 min-w-0 space-y-1">
<div className="flex items-start justify-between gap-2">
<p className="text-sm font-medium text-gray-800 line-clamp-2 flex-1">
{event.title}
</p>
{!event.allDay && (
<span className="text-[10px] text-gray-500 whitespace-nowrap">
{formatTime(event.start)} - {formatTime(event.end)}
</span>
)}
</div>
<p className="text-sm font-medium text-gray-800 line-clamp-2">
{event.title}
</p>
<div
className="flex items-center text-[10px] px-1.5 py-0.5 rounded-md"
style={{