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

Added some events and more categories

Browse Source
This commit is contained in:
Alexis
2024-05-01 12:38:06 +02:00
parent 052bad3889
commit 89ef95c50f
6 changed files with 126 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,7 +26,13 @@ defineProps<{
'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 === 'bénédiction'
'text-slate-900 bg-white hover:bg-yellow-200': event.category === 'bénédiction',
'text-slate-900 bg-purple-200 hover:bg-purple-300': event.category === 'découverte',
'text-slate-900 bg-indigo-200 hover:bg-indigo-300': event.category === 'exploration',
'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
}"
>
{{ event.title }}

30
src/components/calendar/CalendarEventDetails.vue
View File

@@ -32,7 +32,13 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.date)
'border-amber-800': event.category === 'inauguration',
'border-green-800': event.category === 'invention',
'border-cyan-800': event.category === 'science',
'border-yellow-800': event.category === 'bénédiction'
'border-slate-600': event.category === 'bénédiction',
'border-purple-700': event.category === 'découverte',
'border-indigo-700': event.category === 'exploration',
'border-amber-700': event.category === 'construction',
'border-violet-700': event.category === 'arcanologie',
'border-rose-800': event.category === 'criminalité',
'border-stone-700': event.category === 'scandale'
}"
>
<div class="grid gap-1">
@@ -104,7 +110,25 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.date)
.border-cyan-800 {
background-color: color-mix(in srgb, var(--color-cyan-800), var(--color-slate-950) 85%);
}
.border-yellow-800 {
background-color: color-mix(in srgb, var(--color-yellow-800), var(--color-slate-950) 85%);
.border-slate-600 {
background-color: color-mix(in srgb, var(--color-slate-600), var(--color-slate-950) 85%);
}
.border-purple-700 {
background-color: color-mix(in srgb, var(--color-purple-700), var(--color-slate-950) 85%);
}
.border-indigo-700 {
background-color: color-mix(in srgb, var(--color-indigo-700), var(--color-slate-950) 85%);
}
.border-amber-700 {
background-color: color-mix(in srgb, var(--color-amber-700), var(--color-slate-950) 85%);
}
.border-violet-700 {
background-color: color-mix(in srgb, var(--color-violet-700), var(--color-slate-950) 85%);
}
.border-rose-800 {
background-color: color-mix(in srgb, var(--color-rose-800), var(--color-slate-950) 85%);
}
.border-stone-700 {
background-color: color-mix(in srgb, var(--color-stone-700), var(--color-slate-950) 85%);
}
</style>

8
src/components/calendar/search/lists/EventCallout.vue
View File

@@ -29,7 +29,13 @@ const { defaultDate, getFormattedDateTitle } = useCalendar()
'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 === 'bénédiction'
'text-slate-900 bg-white hover:bg-yellow-200': event.category === 'bénédiction',
'text-slate-900 bg-purple-200 hover:bg-purple-300': event.category === 'découverte',
'text-slate-900 bg-indigo-200 hover:bg-indigo-300': event.category === 'exploration',
'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
}"
>
<div class="flex gap-2 items-center">