From ed41ad6671af64213c742d3fa83e42642b985318 Mon Sep 17 00:00:00 2001
From: angel <angel@sillyangel.dev>
Date: Sun, 25 Jan 2026 02:54:17 +0000
Subject: [PATCH] refactor: change album cover size from 600x600 to 300x300 for
 better performance

---
 .env.local              |  2 +-
 app/album/[id]/page.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/.env.local b/.env.local
index 28a27b0..d0e6a86 100644
--- a/.env.local
+++ b/.env.local
@@ -1 +1 @@
-NEXT_PUBLIC_COMMIT_SHA=f1957c7
+NEXT_PUBLIC_COMMIT_SHA=b59deee
diff --git a/app/album/[id]/page.tsx b/app/album/[id]/page.tsx
index 34f1f1a..009ddc1 100644
--- a/app/album/[id]/page.tsx
+++ b/app/album/[id]/page.tsx
@@ -137,13 +137,13 @@ export default function AlbumPage() {
   // Dynamic cover art URLs based on image size
   const getMobileCoverArtUrl = () => {
     return album.coverArt && api
-      ? api.getCoverArtUrl(album.coverArt, 600)
+      ? api.getCoverArtUrl(album.coverArt, 300)
       : '/default-user.jpg';
   };
 
   const getDesktopCoverArtUrl = () => {
     return album.coverArt && api
-      ? api.getCoverArtUrl(album.coverArt, 600)
+      ? api.getCoverArtUrl(album.coverArt, 300)
       : '/default-user.jpg';
   };
 
@@ -159,8 +159,8 @@ export default function AlbumPage() {
               <Image 
                 src={getMobileCoverArtUrl()} 
                 alt={album.name} 
-                width={600} 
-                height={600}
+                width={300} 
+                height={300}
                 className="rounded-md shadow-lg"
               />
             </div>
@@ -203,8 +203,8 @@ export default function AlbumPage() {
             <Image 
               src={getDesktopCoverArtUrl()} 
               alt={album.name} 
-              width={600} 
-              height={600}
+              width={300} 
+              height={300}
               className="rounded-md"
             />
             <div className="space-y-2">