diff --git a/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts b/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts index 8be08e2..6718b27 100644 --- a/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts +++ b/alfy-bot-frontend/src/features/calendar/lib/calendar-styles.ts @@ -1,10 +1,13 @@ -export function getPriorityEventClasses(priority?: string): string { - switch (priority) { - case 'high': return 'bg-red-100 border-red-300 text-red-900 dark:bg-red-500/25 dark:border-red-500/40 dark:text-white dark:backdrop-blur-sm' - case 'medium': return 'bg-amber-100 border-amber-300 text-amber-900 dark:bg-amber-500/25 dark:border-amber-500/40 dark:text-white dark:backdrop-blur-sm' - case 'low': return 'bg-sky-100 border-sky-300 text-sky-900 dark:bg-sky-500/25 dark:border-sky-500/40 dark:text-white dark:backdrop-blur-sm' - default: return 'bg-primary/15 border-primary/40 text-foreground dark:bg-primary/25 dark:text-white dark:backdrop-blur-sm' - } -} - -export const OVERDUE_EVENT_CLASSES = 'bg-red-500/85 border-red-600 text-white dark:bg-red-500/65 dark:border-red-500 dark:backdrop-blur-sm shadow-[0_0_0_1px_rgba(239,68,68,0.35)]' +export const DEFAULT_EVENT_CLASSES = + 'bg-primary/15 text-foreground dark:bg-primary/25 dark:text-white dark:backdrop-blur-sm' + +export const EVENT_SIDE_STRIPE_CLASSES = 'absolute left-0 inset-y-0 w-[3px]' + +export const COMPLETED_EVENT_CLASSES = + 'border bg-emerald-100 border-emerald-300 text-emerald-900 dark:bg-emerald-500/25 dark:border-emerald-500/40 dark:text-white dark:backdrop-blur-sm' + +export const VIRTUAL_EVENT_CLASSES = + 'border border-dashed border-border bg-muted/40 text-muted-foreground dark:border-border/40 dark:bg-muted/60 dark:text-white dark:backdrop-blur-sm' + +export const OVERDUE_EVENT_CLASSES = + 'border bg-red-500/85 border-red-600 text-white dark:bg-red-500/65 dark:border-red-500 dark:backdrop-blur-sm shadow-[0_0_0_1px_rgba(239,68,68,0.35)]' diff --git a/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue b/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue index cc748a0..7578d8b 100644 --- a/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue +++ b/alfy-bot-frontend/src/features/calendar/ui/AllDaySection.vue @@ -21,7 +21,7 @@ v-for="event in getEventsForDay(day)" :key="event.taskId" :class="[ - 'text-[10px] px-1.5 py-0.5 rounded max-w-full border flex items-center gap-0.5', + 'relative overflow-hidden text-[10px] px-1.5 py-0.5 rounded max-w-full flex items-center gap-0.5', event.task.isOverdue ? 'cursor-not-allowed' : event.isVirtual @@ -30,16 +30,30 @@ event.task.isOverdue ? OVERDUE_EVENT_CLASSES : event.completed - ? 'bg-muted border-border line-through' + ? 'border bg-muted border-border line-through' : event.isVirtual - ? 'border-dashed border-border/60 bg-muted' - : chipClasses(event), + ? 'border border-dashed border-border/60 bg-muted' + : DEFAULT_EVENT_CLASSES, highlightedTaskId === event.taskId && 'ring-2 ring-primary', ]" :draggable="!event.isVirtual && !event.task.isOverdue" @dragstart="onDragStart($event, event)" @click.stop="$emit('open', event)" > +