Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added event colors

Browse Source
This commit is contained in:
Alexis
2024-04-03 18:55:43 +02:00
parent d62cd1dea1
commit c26bc80c69
22 changed files with 519 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/calendar/CalendarEvent.vue
View File

@@ -12,7 +12,16 @@ defineProps<{
<Popover>
<PopoverTrigger as-child>
<button
class="text-xs text-white px-2 py-1 bg-pink-700 block w-full text-left rounded-sm hover:bg-pink-800 whitespace-nowrap overflow-hidden text-ellipsis"
class="text-xs text-white px-2 py-1 block w-full text-left rounded-sm whitespace-nowrap overflow-hidden text-ellipsis"
:class="{
'bg-slate-600 hover:bg-slate-700': !event.category,
'bg-green-700 hover:bg-green-800': event.category === 'birth',
'bg-stone-600 hover:bg-stone-800': event.category === 'death',
'bg-red-600 hover:bg-red-800': event.category === 'catastrophe',
'bg-pink-600 hover:bg-pink-800': event.category === 'natural-disaster',
'bg-blue-600 hover:bg-blue-800': event.category === 'legal',
'bg-amber-700 hover:bg-amber-800': event.category === 'player'
}"
>
{{ event.title }}
</button>