eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Add date tooltips (#512)

Browse Source
This commit is contained in:
Essem
2022-05-30 18:29:07 -05:00
committed by GitHub
parent a0959d2730
commit adbd58a949
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/ui/ProjectCard.vue
View File

@@ -66,11 +66,21 @@
class="right-categories"
/>
<div class="dates">
<div class="date">
<div
v-tooltip="
$dayjs(createdAt).format('MMMM D, YYYY [at] h:mm:ss A')
"
class="date"
>
<CalendarIcon aria-hidden="true" />
Created {{ $dayjs(createdAt).fromNow() }}
</div>
<div class="date">
<div
v-tooltip="
$dayjs(updatedAt).format('MMMM D, YYYY [at] h:mm:ss A')
"
class="date"
>
<EditIcon aria-hidden="true" />
Updated {{ $dayjs(updatedAt).fromNow() }}
</div>

10
pages/_type/_id.vue
View File

@@ -88,12 +88,18 @@
>
</div>
<div class="dates">
<div class="date">
<div
v-tooltip="$dayjs(createdAt).format('MMMM D, YYYY [at] h:mm:ss A')"
class="date"
>
<CalendarIcon aria-hidden="true" />
<span class="label">Created</span>
<span class="value">{{ $dayjs(project.published).fromNow() }}</span>
</div>
<div class="date">
<div
v-tooltip="$dayjs(updatedAt).format('MMMM D, YYYY [at] h:mm:ss A')"
class="date"
>
<UpdateIcon aria-hidden="true" />
<span class="label">Updated</span>
<span class="value">{{ $dayjs(project.updated).fromNow() }}</span>