[Update] Song Artwork

- Updated artwork size from 320px to 500px
Kurozora · Aug 25, 2024 · 99ecad9 · 99ecad9
1 parent 1802198
commit 99ecad9
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/public/js/listen.js.map b/public/js/listen.js.map
diff --git a/resources/js/helpers/music.js b/resources/js/helpers/music.js
@@ -119,7 +119,7 @@ export default class MusicManager {
      *
      * @returns {string}
      */
-    getArtworkURL(song, width = 320, height = 320) {
+    getArtworkURL(song, width = 500, height = 500) {
         return MusicKit.formatArtworkURL(song.attributes.artwork, width, height)
     }
 

diff --git a/resources/views/components/lockups/media-rating-lockup.blade.php b/resources/views/components/lockups/media-rating-lockup.blade.php
@@ -233,7 +233,7 @@ class="flex flex-nowrap gap-2"
                             this.bgColor = '#' + this.song.attributes.artwork.bgColor
                             this.songTitle = this.song.attributes.name
                             this.artistName = this.song.attributes.artistName
-                            this.artworkURL = musicManager.getArtworkURL(this.song, 320, 320)
+                            this.artworkURL = musicManager.getArtworkURL(this.song, 500, 500)
                         }
                     }
                 }"

diff --git a/resources/views/components/lockups/music-lockup.blade.php b/resources/views/components/lockups/music-lockup.blade.php
@@ -21,7 +21,7 @@ class="relative pb-2 w-64 snap-normal snap-center {{ $class }}"
                 this.bgColor = '#' + this.song.attributes.artwork.bgColor
                 this.songTitle = this.song.attributes.name
                 this.artistName = this.song.attributes.artistName
-                this.artworkURL = musicManager.getArtworkURL(this.song, 320, 320)
+                this.artworkURL = musicManager.getArtworkURL(this.song, 500, 500)
             }
         }
     }"

diff --git a/resources/views/livewire/embeds/song.blade.php b/resources/views/livewire/embeds/song.blade.php
@@ -58,9 +58,9 @@ class="aspect-square rounded-lg shadow-md overflow-hidden"
                         x-on:click="await musicManager.playSong(song)"
                     >
                         <img class="object-cover"
-                             alt="{{ $song->title }} Banner" title="{{ $song->title }}"
-                             width="320" height="320"
-                             x-bind:src="musicManager.getArtworkURL(song, 320, 320)"
+                             alt="{{ $song->original_title }} Artwork" title="{{ $song->original_title }}"
+                             width="500" height="500"
+                             x-bind:src="musicManager.getArtworkURL(song, 500, 500)"
                              x-bind:style="{'background-color': '#' + song.attributes.artwork.bgColor}"
                         >
 

diff --git a/resources/views/livewire/song/details.blade.php b/resources/views/livewire/song/details.blade.php
@@ -42,7 +42,7 @@
                     window.song = this.song
                     this.bgColor = '#' + this.song.attributes.artwork.bgColor
                     this.songTitle = this.song.attributes.name
-                    this.artworkURL = musicManager.getArtworkURL(song, 320, 320)
+                    this.artworkURL = musicManager.getArtworkURL(song, 500, 500)
                     this.songURL = this.song.attributes.url
                 }
             }
@@ -55,7 +55,7 @@
                     <x-picture class="aspect-square rounded-lg shadow-md overflow-hidden">
                         <img class="w-full h-full object-cover"
                              alt="{{ $song->original_title }} Artwork" title="{{ $song->original_title }}"
-                             width="320" height="320"
+                             width="500" height="500"
                              x-bind:title="songTitle"
                              x-bind:alt="songTitle + ' Artwork'"
                              x-bind:src="artworkURL"