Added more events and categories

This commit is contained in:
Alexis
2024-04-08 17:30:51 +02:00
parent 8b871bbb8f
commit 6738dacb08
7 changed files with 62 additions and 23 deletions

View File

@@ -21,10 +21,12 @@ defineProps<{
'text-white bg-orange-600 hover:bg-orange-700': event.category === 'catastrophe',
'text-white bg-pink-600 hover:bg-pink-700': event.category === 'natural-disaster',
'text-white bg-sky-600 hover:bg-sky-700': event.category === 'legal',
'text-slate-900 bg-amber-300 hover:bg-amber-400': event.category === 'inauguration',
'text-white bg-purple-600 hover:bg-purple-700': event.category === 'religious',
'text-slate-900 bg-yellow-100 hover:bg-yellow-300': event.category === 'boon',
'text-white bg-emerald-600 hover:bg-emerald-700': event.category === 'player'
'text-white bg-emerald-600 hover:bg-emerald-700': event.category === 'player',
'text-slate-900 bg-amber-300 hover:bg-amber-400': event.category === 'inauguration',
'text-slate-900 bg-emerald-200 hover:bg-emerald-300': event.category === 'invention',
'text-slate-900 bg-cyan-300 hover:bg-cyan-400': event.category === 'science',
'text-slate-900 bg-yellow-100 hover:bg-yellow-200': event.category === 'boon'
}"
>
{{ event.title }}

View File

@@ -12,13 +12,13 @@ defineProps<{ event: CalendarEvent }>()
<template>
<PopoverContent class="w-96" align="start">
<div class="space-y-1">
<div class="font-semibold">
<div class="text-lg font-semibold">
{{ event.title }}
</div>
<div class="text-sm">
<div class="">
{{ getFormattedDateTitle(event.date, true) }}
</div>
<div class="text-sm italic text-slate-500">
<div class="italic text-slate-500">
{{ event.description }}
</div>
</div>

View File

@@ -68,10 +68,12 @@ const sortedResults = computed(() => {
'text-white bg-orange-600 hover:bg-orange-700': r.category === 'catastrophe',
'text-white bg-pink-600 hover:bg-pink-700': r.category === 'natural-disaster',
'text-white bg-sky-600 hover:bg-sky-700': r.category === 'legal',
'text-slate-900 bg-amber-300 hover:bg-amber-400': r.category === 'inauguration',
'text-white bg-purple-600 hover:bg-purple-700': r.category === 'religious',
'text-slate-900 bg-yellow-50 hover:bg-yellow-200': r.category === 'boon',
'text-white bg-emerald-600 hover:bg-emerald-700': r.category === 'player'
'text-white bg-emerald-600 hover:bg-emerald-700': r.category === 'player',
'text-slate-900 bg-amber-300 hover:bg-amber-400': r.category === 'inauguration',
'text-slate-900 bg-emerald-200 hover:bg-emerald-300': r.category === 'invention',
'text-slate-900 bg-cyan-300 hover:bg-cyan-400': r.category === 'science',
'text-slate-900 bg-yellow-100 hover:bg-yellow-200': r.category === 'boon'
}"
@click="handleJumpToDate(r.date)"
>