From 60309179acb777283d39b97783688f081dc9413f Mon Sep 17 00:00:00 2001
From: Filip Drozd <fpdrozd@gmail.com>
Date: Thu, 6 Apr 2023 14:04:10 +0200
Subject: [PATCH] fix: add image width and height props to the product card

---
 packages/theme/pages/Home.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/theme/pages/Home.vue b/packages/theme/pages/Home.vue
index 4fc8b9c4..70e93d19 100644
--- a/packages/theme/pages/Home.vue
+++ b/packages/theme/pages/Home.vue
@@ -93,6 +93,8 @@
             <SfProductCard
               :title="productGetters.getName(product)"
               :image="productGetters.getCoverImage(product)"
+              :imageWidth="240"
+              :imageHeight="240"
               :regular-price="$n(productGetters.getPrice(product).regular, 'currency')"
               :max-rating="5"
               :score-rating="productGetters.getAverageRating(product)"
@@ -342,6 +344,10 @@ export default {
     }
     &__product {
       --product-card-add-button-transform: translate3d(0, 30%, 0);
+      ::deep img {
+        width: 100%;
+        height: auto;
+      }
     }
   }
   ::v-deep .sf-arrow--long .sf-arrow--right {