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

10
pages/_type/_id.vue
View File

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