Moved scene tile 'new'-star to meta component to consistent position between grid and list view.

This commit is contained in:
2024-09-05 01:49:18 +02:00
parent 415c6f3e18
commit 476f9bff2e
2 changed files with 29 additions and 33 deletions

View File

@@ -35,6 +35,12 @@
year: 'y',
}[scene.datePrecision] || 'MMM d, y') }}</time>
</Link>
<span
v-if="scene.isNew"
:title="`Newly added ${format(scene.createdAt, 'yyyy-MM-dd')}`"
class="new"
><Icon icon="star-full" /></span>
</div>
</template>
@@ -90,4 +96,26 @@ defineProps({
font-style: italic;
color: var(--highlight);
}
.new {
display: flex;
flex-direction: row-reverse;
align-items: center;
position: absolute;
top: -1.05rem;
right: .5rem;
padding: .2rem .5rem .1rem .5rem;
border-radius: .25rem .25rem 0 0;
background: var(--grey-dark-40);
color: var(--gold);
font-size: .7rem;
font-weight: bold;
box-shadow: 0 0 3px var(--shadow-weak-20);
.icon {
width: .75rem;
height: .75rem;
fill: var(--gold);
}
}
</style>