From a47fa000934f8d4406e7757ecb802eb2b36d0729 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 14 Jun 2022 05:02:31 -0700
Subject: [PATCH] artwork-material now uses mediaitem-artwork

---
 src/renderer/less/pages.less                       | 4 ++--
 src/renderer/style.less                            | 6 +++---
 src/renderer/views/components/artwork-material.ejs | 2 +-
 src/renderer/views/pages/cider-playlist.ejs        | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index 3abcb2c9..a540ce6d 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -634,7 +634,7 @@
       opacity           : .7;
       animation         : playlistArtworkFadeIn 1s var(--appleEase);
 
-      .artworkMaterial>img {
+      .artworkMaterial img {
         filter         : brightness(100%) blur(80px) saturate(100%) contrast(1);
         object-position: center;
         object-fit     : cover;
@@ -990,7 +990,7 @@
       opacity           : .7;
       animation         : playlistArtworkFadeIn 1s var(--appleEase);
 
-      .artworkMaterial>img {
+      .artworkMaterial img {
         filter         : brightness(100%) blur(80px) saturate(100%) contrast(1);
         object-position: center;
         object-fit     : cover;
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 042ddd54..23bc4827 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -311,19 +311,19 @@ a.dropdown-item {
   overflow: hidden;
   pointer-events: none;
 
-  > img {
+  img {
     position: absolute;
     width: 200%;
     opacity: 0.5;
     filter: brightness(200%) blur(180px) saturate(280%) contrast(2);
   }
 
-  > img:first-child {
+  img:first-child {
     top: 0;
     left: 0;
   }
 
-  > img:last-child {
+  img:last-child {
     bottom: 0;
     right: 0;
     transform: rotate(180deg);
diff --git a/src/renderer/views/components/artwork-material.ejs b/src/renderer/views/components/artwork-material.ejs
index 3cfe9891..9eae3e7c 100644
--- a/src/renderer/views/components/artwork-material.ejs
+++ b/src/renderer/views/components/artwork-material.ejs
@@ -1,6 +1,6 @@
 <script type="text/x-template" id="artwork-material">
     <div class="artworkMaterial">
-        <img :src="src" v-for="image in images"/>
+        <mediaitem-artwork :url="src" :size="500" v-for="image in images"/>
     </div>
 </script>
 
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 2f5cbed4..d7987100 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -121,7 +121,7 @@
                     </div>
                 </div>
                 <div class="artworkContainer" v-if="data.attributes.artwork != null">
-                    <artwork-material :url="data.attributes.artwork.url" size="260" images="1"></artwork-material>
+                    <artwork-material :url="data.attributes.artwork.url" size="500" images="1"></artwork-material>
                 </div>
                 <button class="md-btn md-btn-small editTracksBtn" v-if="(data.attributes.canEdit && data.type == 'library-playlists')" @click="editing = !editing">
                     <span v-if="!editing">