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

added placeholder artwork

Browse source
This commit is contained in:
booploops 2021-12-22 17:13:17 -08:00
parent c1c3a4f200
commit 1f91b51cca
2 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/renderer/style.less
View file

@ -2081,6 +2081,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("https://beta.music.apple.com/assets/product/MissingArtworkMusic.svg");
background-size: cover;
background-position: center;
.animatedartwork-view-box { .animatedartwork-view-box {
position: absolute; position: absolute;

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

@ -2,15 +2,15 @@
<template v-if="type == 'artists'"> <template v-if="type == 'artists'">
<div class="mediaitem-artwork rounded" :key="url" :style="getStyle()"> <div class="mediaitem-artwork rounded" :key="url" :style="getStyle()">
<img :src="app.getMediaItemArtwork(url, size)" <img :src="app.getMediaItemArtwork(url, size)"
loading="lazy" decoding="async" decoding="async"
class="mediaitem-artwork--img"> class="mediaitem-artwork--img">
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="mediaitem-artwork" :key="url" :style="getStyle()" <div class="mediaitem-artwork" :key="url" :style="getStyle()"
v-observe-visibility="{callback: visibilityChanged}"> v-observe-visibility="{callback: visibilityChanged}">
<img :src="app.getMediaItemArtwork(url, size)" v-if="isVisible" <img :src="app.getMediaItemArtwork(url, size)"
loading="lazy" decoding="async" decoding="async"
class="mediaitem-artwork--img"> class="mediaitem-artwork--img">
<div v-if="video && isVisible" class="animatedartwork-view-box"> <div v-if="video && isVisible" class="animatedartwork-view-box">
<animatedartwork-view :video="video"></animatedartwork-view> <animatedartwork-view :video="video"></animatedartwork-view>