Fix product images showing full picture instead of cropped

2026-03-22 12:05:40 +02:00
parent 44d938953b
commit 625bd727d3
2 changed files with 3 additions and 3 deletions
--- 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"
                      />
                    </button>
@@ -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"
                  />