From 625bd727d3ac971433dad25fa0921d8bd1bbe1db Mon Sep 17 00:00:00 2001 From: Unchained Date: Sun, 22 Mar 2026 12:05:40 +0200 Subject: [PATCH] Fix product images showing full picture instead of cropped --- src/components/product/ProductCard.tsx | 2 +- src/components/product/ProductDetail.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/product/ProductCard.tsx b/src/components/product/ProductCard.tsx index ce3a9da..7b6bc10 100644 --- a/src/components/product/ProductCard.tsx +++ b/src/components/product/ProductCard.tsx @@ -33,7 +33,7 @@ export default function ProductCard({ product, index = 0, locale = "SR" }: Produ src={image} alt={localized.name} fill - className="object-cover transition-transform duration-700 ease-out group-hover:scale-105" + className="object-contain transition-transform duration-700 ease-out group-hover:scale-105" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" /> ) : ( diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx index 9ed5aab..c7db13b 100644 --- a/src/components/product/ProductDetail.tsx +++ b/src/components/product/ProductDetail.tsx @@ -171,7 +171,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR" src={image.url} alt={image.alt || localized.name} fill - className="object-cover" + className="object-contain" sizes="80px" /> @@ -186,7 +186,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR" src={images[selectedImage].url} alt={images[selectedImage].alt || localized.name} fill - className="object-cover" + className="object-contain" priority sizes="(max-width: 1024px) 100vw, 50vw" />