Merge pull request #172 from vuestorefront-community/166-fix/images-s…

…izes-related-product

fix: sizes of images in related products component

docs/changelog/1.2.0.md

@@ -0,0 +1,3 @@
+# 1.2.0
+
+* [Bug]: sizes of images in related products component [#172](https://github.com/vuestorefront-community/vendure/pull/172)

packages/theme/components/RelatedProducts.vue

@@ -11,6 +11,7 @@
             :image="product.productAsset.preview"
             :regular-price="$n(getCalculatedPrice(product.price.max), 'currency')"
             :link="localePath(`/p/${product.productId}/${product.slug}`)"
+            class="carousel__item-image"
           />
         </SfCarouselItem>
       </SfCarousel>
@@ -61,9 +62,14 @@ export default {
   &__item {
     margin: 1.9375rem 0 2.4375rem 0;
   }
-
   ::v-deep .sf-product-card__image .sf-image {
-    --image-height: unset;
+    --image-height: 230px;
+    --image-width: 150px;
+    object-fit: cover;
+    @include for-desktop {
+      --image-width: 210px;
+      --image-height: 340px;
+    }
   }
 }