readding key to mediaitem-artwork to prevent artwork sticking

This commit is contained in:
booploops 2021-12-28 13:04:09 -08:00
parent a04cbccc05
commit a5d31ff2f9
3 changed files with 10 additions and 3 deletions

View file

@ -1544,6 +1544,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
top: 0;
padding-top: var(--navbarHeight);
.col.madeforyou-col {
width: 420px;
min-width: 0px;
max-width: 420px;
}
.user-icon {
border-radius: 100%;
width: 128px;

View file

@ -1,5 +1,5 @@
<script type="text/x-template" id="mediaitem-artwork">
<div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]"
<div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]" :key="url"
v-observe-visibility="{callback: visibilityChanged}">
<img :src="app.getMediaItemArtwork(url, size, width)"
decoding="async" loading="lazy"

View file

@ -23,12 +23,13 @@
<div class="col">
<h3>Your Favorites</h3>
<div class="well">
<mediaitem-scroller-horizontal kind="small" :items="friendsListeningTo" :item="item"></mediaitem-scroller-horizontal>
<div>Items you have added to your favorites will appear here.</div>
<!-- <mediaitem-scroller-horizontal kind="small" :items="friendsListeningTo" :item="item"></mediaitem-scroller-horizontal> -->
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="col madeforyou-col">
<h3>Made For You</h3>
<div class="well">
<mediaitem-square kind="small" v-for="item in madeForYou" :item="item"></mediaitem-square>