arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-14 12:14:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve datetag style

Browse Source
This commit is contained in:
Arthur Danjou
2023-09-04 13:42:05 +02:00
parent 8777b286af
commit a24ed4653b
1 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/resume/DateTag.vue
View File

@@ -14,16 +14,10 @@ function formatTodayDate(date: string) {
</script>
<template>
<div
v-if="startDate !== endDate"
class="mb-1 translate-y-px inline-block flex-none rounded bg-zinc-200 p-1 text-xs font-medium leading-none text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400"
>
<UBadge v-if="startDate === endDate" variant="soft" size="xs">
{{ formatTodayDate(startDate!.toString()) }} — {{ formatTodayDate(endDate) }}
</div>
<div
v-else
class="mb-1 translate-y-px inline-block flex-none rounded bg-zinc-200 p-1 text-xs font-medium leading-none text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400"
>
</UBadge>
<UBadge v-else variant="soft" size="xs">
{{ formatTodayDate(endDate) }}
</div>
</UBadge>
</template>