Merge pull request #325 from prgrms-web-devcourse-final-project/feat/image-resize

[fix] ImageKitimg 컴포넌트 사이즈 수정

Author: kangsuyeong

src/components/ImageKitImg.tsx

@@ -20,7 +20,7 @@ export default function ImageKitImg({
   return (
     <img
       className={className}
-      src={`https://ik.imagekit.io/${import.meta.env.VITE_IMAGEKIT_ID}/${imagePath}?tr=w-${width},h-${height}`}
+      src={`https://ik.imagekit.io/${import.meta.env.VITE_IMAGEKIT_ID}/${imagePath}?tr=w-${width * 2},h-${height * 2}`}
       width={width}
       height={height}
       onError={(e) => {

src/components/user/EmotionRecordCard.tsx

@@ -23,8 +23,8 @@ function EmotionRecordCard({ record, onClick }: EmotionRecordCardProps) {
         <EmotionBadge size="small" emotion={emotion} />
         <ImageKitImg
           src={albumImage}
-          height={232}
-          width={232}
+          height={116}
+          width={116}
           className="object-cover w-full rounded-lg aspect-square"
         />
       </div>

src/pages/home/components/MainCard.tsx

@@ -27,8 +27,8 @@ export default function MainCard({ record }: MainCardProps) {
         <div className="flex-shrink-0 w-16 h-16 overflow-hidden rounded-lg">
           <ImageKitImg
             src={record.spotifyMusic.albumImage}
-            width={160}
-            height={160}
+            width={64}
+            height={64}
             className="object-cover w-full h-full"
           />
         </div>