okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

readding key to mediaitem-artwork to prevent artwork sticking

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
src/renderer/style.less
View file

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

2
src/renderer/views/components/mediaitem-artwork.ejs
View file

@ -1,5 +1,5 @@
<script type="text/x-template" id="mediaitem-artwork"> <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}"> v-observe-visibility="{callback: visibilityChanged}">
<img :src="app.getMediaItemArtwork(url, size, width)" <img :src="app.getMediaItemArtwork(url, size, width)"
decoding="async" loading="lazy" decoding="async" loading="lazy"

5
src/renderer/views/pages/home.ejs
View file

@ -23,12 +23,13 @@
<div class="col"> <div class="col">
<h3>Your Favorites</h3> <h3>Your Favorites</h3>
<div class="well"> <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>
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col madeforyou-col">
<h3>Made For You</h3> <h3>Made For You</h3>
<div class="well"> <div class="well">
<mediaitem-square kind="small" v-for="item in madeForYou" :item="item"></mediaitem-square> <mediaitem-square kind="small" v-for="item in madeForYou" :item="item"></mediaitem-square>