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

agenda finition

Browse Source
This commit is contained in:
alma 2026-01-20 23:01:47 +01:00
parent d86fac9c67
commit b9ff338920
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1383,11 +1383,11 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
style={{ backgroundColor: calendar.color }} style={{ backgroundColor: calendar.color }}
/> />
<span className="flex items-center gap-1 min-w-0 flex-1"> <span className="flex items-center gap-1 min-w-0 flex-1">
<span className="truncate"> <span className="truncate min-w-0">
{getCalendarDisplayName(calendar as CalendarWithMission)} {getCalendarDisplayName(calendar as CalendarWithMission)}
</span> </span>
{calendar.syncConfig?.syncEnabled && ( {calendar.syncConfig?.syncEnabled && (
<Badge variant="outline" className="text-[10px] px-1 py-0.5 border-blue-400 text-blue-600 flex-shrink-0"> <Badge variant="outline" className="text-[10px] px-1 py-0.5 border-blue-400 text-blue-600 flex-shrink-0 ml-1">
Sync Sync
</Badge> </Badge>
)} )}
@ -1616,7 +1616,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
return ( return (
<div className="flex gap-4 h-full w-full"> <div className="flex gap-4 h-full w-full">
{/* Left column for calendars */} {/* Left column for calendars */}
<div className="w-64 flex-shrink-0"> <div className="w-72 flex-shrink-0">
<Card className="p-4"> <Card className="p-4">
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<h3 className="text-lg font-semibold text-gray-900">Calendriers</h3> <h3 className="text-lg font-semibold text-gray-900">Calendriers</h3>
@ -1861,7 +1861,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40` 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"> <div className="flex items-center gap-1.5 text-xs text-white min-w-0">
{!arg.event.allDay && ( {!arg.event.allDay && (
<span className="font-medium whitespace-nowrap shrink-0"> <span className="font-medium whitespace-nowrap shrink-0">
{typeof arg.event.start === 'object' && arg.event.start instanceof Date {typeof arg.event.start === 'object' && arg.event.start instanceof Date
@ -1872,7 +1872,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
: ''} : ''}
</span> </span>
)} )}
<span className="font-medium truncate max-w-[calc(100%-4.5rem)]"> <span className="font-medium truncate min-w-0 flex-1">
{arg.event.title} {arg.event.title}
</span> </span>
</div> </div>

4
components/layout/layout-wrapper.tsx
View File

@ -224,6 +224,8 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
style={ style={
isSignInPage isSignInPage
? {} // No background style for signin page - let the page component handle it ? {} // No background style for signin page - let the page component handle it
: isAgendaPage
? {} // No background for agenda page - it has its own white background
: { : {
backgroundImage: `url('${currentBackground}')`, backgroundImage: `url('${currentBackground}')`,
backgroundSize: 'cover', backgroundSize: 'cover',
@ -234,7 +236,7 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
transition: 'background-image 0.5s ease-in-out' transition: 'background-image 0.5s ease-in-out'
} }
} }
onClick={!isSignInPage ? changeBackground : undefined} onClick={!isSignInPage && !isAgendaPage ? changeBackground : undefined}
> >
<main>{children}</main> <main>{children}</main>
</div> </div>