Moved scene tile 'new'-star to meta component to consistent position between grid and list view.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user