Added more options to events
This commit is contained in:
@@ -13,17 +13,18 @@ defineProps<{
|
||||
<Popover>
|
||||
<PopoverTrigger as-child>
|
||||
<button
|
||||
class="text-xs text-white px-2 py-1 block w-full text-left rounded-sm whitespace-nowrap overflow-hidden text-ellipsis"
|
||||
class="text-xs 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-lime-600 hover:bg-lime-700': event.category === 'birth',
|
||||
'bg-stone-600 hover:bg-stone-700': event.category === 'death',
|
||||
'bg-orange-600 hover:bg-orange-700': event.category === 'catastrophe',
|
||||
'bg-pink-600 hover:bg-pink-700': event.category === 'natural-disaster',
|
||||
'bg-sky-600 hover:bg-sky-700': event.category === 'legal',
|
||||
'text-white bg-slate-600 hover:bg-slate-700': !event.category,
|
||||
'text-white bg-lime-600 hover:bg-lime-700': event.category === 'birth',
|
||||
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'death',
|
||||
'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',
|
||||
'bg-purple-600 hover:bg-purple-700': event.category === 'religious',
|
||||
'bg-emerald-600 hover:bg-emerald-700': event.category === 'player'
|
||||
'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'
|
||||
}"
|
||||
>
|
||||
{{ event.title }}
|
||||
|
||||
@@ -62,15 +62,16 @@ const sortedResults = computed(() => {
|
||||
v-if="isCalendarEvent(r)"
|
||||
class="block w-full text-left p-2 rounded-sm"
|
||||
:class="{
|
||||
'bg-slate-600 hover:bg-slate-700': !r.category,
|
||||
'bg-lime-600 hover:bg-lime-700': r.category === 'birth',
|
||||
'bg-stone-600 hover:bg-stone-700': r.category === 'death',
|
||||
'bg-orange-600 hover:bg-orange-700': r.category === 'catastrophe',
|
||||
'bg-pink-600 hover:bg-pink-700': r.category === 'natural-disaster',
|
||||
'bg-sky-600 hover:bg-sky-700': r.category === 'legal',
|
||||
'text-white bg-slate-600 hover:bg-slate-700': !r.category,
|
||||
'text-white bg-lime-600 hover:bg-lime-700': r.category === 'birth',
|
||||
'text-white bg-stone-600 hover:bg-stone-700': r.category === 'death',
|
||||
'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',
|
||||
'bg-purple-600 hover:bg-purple-700': r.category === 'religious',
|
||||
'bg-emerald-600 hover:bg-emerald-700': r.category === 'player'
|
||||
'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'
|
||||
}"
|
||||
@click="handleJumpToDate(r.date)"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user