idk if their icon isnt square

Hacksore · Aug 25, 2024 · bc8ce54 · bc8ce54
1 parent 9be1aa7
commit bc8ce54
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/component/Card.tsx b/src/app/component/Card.tsx
@@ -26,7 +26,7 @@ export const Card = ({ post, index, homie = false }: CardProps) => {
       <div className="flex">
         <div className="transition-transform duration-300 group-hover:translate-x-2 md:group-hover:translate-x-0">
           {post.thumbnailUrl && (
-            <img src={post.thumbnailUrl} className="size-24 rounded-lg object-cover" alt="logo" />
+            <img src={post.thumbnailUrl} className="size-24 rounded-lg object-contain" alt="logo" />
           )}
         </div>
       </div>

diff --git a/src/app/component/MobileCard.tsx b/src/app/component/MobileCard.tsx
@@ -14,7 +14,11 @@ export const MobileCard = ({ post, homie = false }: { post: ProductPost; homie?:
         <div className="flex items-center gap-2">
           <div className="transition-transform duration-300 group-hover:translate-x-2">
             {post.thumbnailUrl && (
-              <img src={post.thumbnailUrl} className="size-9 rounded-lg object-cover" alt="logo" />
+              <img
+                src={post.thumbnailUrl}
+                className="size-9 rounded-lg object-contain"
+                alt="logo"
+              />
             )}
           </div>
           <h2 className="max-w-[69ch] truncate text-lg font-bold duration-300 group-hover:translate-x-2 group-hover:underline md:text-2xl">