helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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>