DebaucheryLibrarian
/
traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Adjusted age at death styling in actor tile.

This commit is contained in:
DebaucheryLibrarian 2025-02-23 17:16:54 +01:00
parent 8fa5f5b405
commit e248de53a2
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/actors/tile.vue
View File

@ -42,8 +42,8 @@
<span <span
v-if="actor.ageAtDeath" v-if="actor.ageAtDeath"
:title="`Passed ${formatDate(actor.ageAtDeath, 'MMMM d, yyyy')}`" :title="`Passed ${formatDate(actor.ageAtDeath, 'MMMM d, yyyy')}`"
class="age" class="age age-death"
>{{ actor.ageAtDeath }} <Icon icon="tombstone" /></span> >{{ actor.ageAtDeath }}</span>
<span <span
v-else-if="actor.ageFromBirth" v-else-if="actor.ageFromBirth"
@ -51,6 +51,7 @@
class="age" class="age"
>{{ actor.ageFromBirth }}</span> >{{ actor.ageFromBirth }}</span>
<!-- don't show 'age then' for scenes released after the performer's death, because it might show an age they sadly never reached -->
<span <span
v-if="actor.ageThen && actor.ageThen < actor.ageFromBirth && (!actor.ageAtDeath || actor.ageThen < actor.ageAtDeath)" v-if="actor.ageThen && actor.ageThen < actor.ageFromBirth && (!actor.ageAtDeath || actor.ageThen < actor.ageAtDeath)"
title="Age on date of release" title="Age on date of release"
@ -232,6 +233,10 @@ const favorited = ref(props.actor.stashes.some((actorStash) => actorStash.id ===
font-weight: normal; font-weight: normal;
} }
.age-death {
color: var(--grey-light-20);
}
.country { .country {
display: flex; display: flex;
align-items: center; align-items: center;