self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-30 05:29:30 +02:00
Code Issues Releases Activity

feat(web): face tooltips (#3924)

Browse Source
This commit is contained in:
Daniele Ricci
2023-09-01 01:25:13 +02:00
committed by GitHub
parent 58ae734fc2
commit 66cc744c22
3 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/src/lib/components/asset-viewer/detail-panel.svelte
View File

@ -122,18 +122,28 @@
shadow
url={api.getPeopleThumbnailUrl(person.id)}
altText={person.name}
title={person.name}
widthStyle="90px"
heightStyle="90px"
thumbhash={null}
/>
<p class="mt-1 truncate font-medium">{person.name}</p>
<p class="font-light">
{#if person.birthDate}
Age {Math.floor(
DateTime.fromISO(asset.fileCreatedAt).diff(DateTime.fromISO(person.birthDate), 'years').years,
<p class="mt-1 truncate font-medium" title={person.name}>{person.name}</p>
{#if person.birthDate}
{@const personBirthDate = DateTime.fromISO(person.birthDate)}
<p
class="font-light"
title={personBirthDate.toLocaleString(
{
month: 'long',
day: 'numeric',
year: 'numeric',
},
{ locale: $locale },
)}
{/if}
</p>
>
Age {Math.floor(DateTime.fromISO(asset.fileCreatedAt).diff(personBirthDate, 'years').years)}
</p>
{/if}
</a>
{/each}
</div>