improve getResizedImage

mebtte · Sep 14, 2023 · 1cc9546 · 1cc9546
1 parent dd00179
commit 1cc9546
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/apps/pwa/src/pages/player/musicbill_music_drawer/musicbill.tsx b/apps/pwa/src/pages/player/musicbill_music_drawer/musicbill.tsx
@@ -111,7 +111,7 @@ function Musicbill({
         size={ICON_SIZE}
         src={getResizedImage({
           url: musicbill.cover,
-          size: ICON_SIZE * 2,
+          size: ICON_SIZE * window.devicePixelRatio,
         })}
         publiz={musicbill.public}
         shared={musicbill.sharedUserList.length > 0}

diff --git a/apps/pwa/src/pages/player/pages/exploration/index.tsx b/apps/pwa/src/pages/player/pages/exploration/index.tsx
@@ -118,7 +118,7 @@ function Wrapper() {
                               key={item.value.id}
                               src={getResizedImage({
                                 url: item.value.cover,
-                                size: ITEM_MIN_WIDTH * 2,
+                                size: ITEM_MIN_WIDTH * window.devicePixelRatio,
                               })}
                               style={{ width: itemWidth }}
                               onClick={() => openMusicDrawer(item.value.id)}
@@ -132,7 +132,7 @@ function Wrapper() {
                               key={item.value.id}
                               src={getResizedImage({
                                 url: item.value.avatar,
-                                size: ITEM_MIN_WIDTH * 2,
+                                size: ITEM_MIN_WIDTH * window.devicePixelRatio,
                               })}
                               style={{ width: itemWidth }}
                               onClick={() => openSingerDrawer(item.value.id)}
@@ -146,7 +146,7 @@ function Wrapper() {
                               key={item.value.id}
                               src={getResizedImage({
                                 url: item.value.cover,
-                                size: ITEM_MIN_WIDTH * 2,
+                                size: ITEM_MIN_WIDTH * window.devicePixelRatio,
                               })}
                               style={{ width: itemWidth }}
                               onClick={() => openMusicbillDrawer(item.value.id)}

diff --git a/apps/pwa/src/pages/player/pages/public_musicbill_collection/collection_list/index.tsx b/apps/pwa/src/pages/player/pages/public_musicbill_collection/collection_list/index.tsx
@@ -133,7 +133,7 @@ function CollectionList() {
                       id={c.id}
                       cover={getResizedImage({
                         url: c.cover,
-                        size: ITEM_MIN_WIDTH * 2,
+                        size: ITEM_MIN_WIDTH * window.devicePixelRatio,
                       })}
                       name={c.name}
                       userId={c.user.id}

diff --git a/apps/pwa/src/pages/player/pages/search/public_musicbill/index.tsx b/apps/pwa/src/pages/player/pages/search/public_musicbill/index.tsx
@@ -108,7 +108,7 @@ function Wrapper() {
                   id={musicbill.id}
                   cover={getResizedImage({
                     url: musicbill.cover,
-                    size: ITEM_MIN_WIDTH * 2,
+                    size: ITEM_MIN_WIDTH * window.devicePixelRatio,
                   })}
                   name={musicbill.name}
                   userId={musicbill.user.id}

diff --git a/apps/pwa/src/pages/player/pages/search/singer/index.tsx b/apps/pwa/src/pages/player/pages/search/singer/index.tsx
@@ -122,7 +122,7 @@ function Wrapper() {
                   singerName={singer.name}
                   singerAvatar={getResizedImage({
                     url: singer.avatar,
-                    size: ITEM_MIN_WIDTH * 2,
+                    size: ITEM_MIN_WIDTH * window.devicePixelRatio,
                   })}
                   singerAliases={singer.aliases}
                 />

diff --git a/apps/pwa/src/pages/player/singer_modify_record_drawer/content.tsx b/apps/pwa/src/pages/player/singer_modify_record_drawer/content.tsx
@@ -31,7 +31,7 @@ function Content({ singer }: { singer: Singer }) {
             singer.avatar
               ? getResizedImage({
                   url: singer.avatar,
-                  size: COVER_SIZE * 2,
+                  size: COVER_SIZE * window.devicePixelRatio,
                 })
               : ''
           }