From 864a873c57cfc86d666e03cd0c58155566a2d17e Mon Sep 17 00:00:00 2001
From: aar2dee2 <85004512+aar2dee2@users.noreply.github.com>
Date: Sat, 4 Jun 2022 01:31:00 +0530
Subject: [PATCH] Images in slider will have fixed height, variable width
 (#2916)

* Images in slider will have fixed height, variable width

* fix spacing

* remove extra whitespace

* fix whitespace lint errors

* fix whitespace lint error

* fix width for images in app store slider

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 apps/web/pages/apps/[slug]/index.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/apps/web/pages/apps/[slug]/index.tsx b/apps/web/pages/apps/[slug]/index.tsx
index cfc20626a0..2ef7603080 100644
--- a/apps/web/pages/apps/[slug]/index.tsx
+++ b/apps/web/pages/apps/[slug]/index.tsx
@@ -36,9 +36,26 @@ const components = {
         }}
         renderItem={(item) =>
           isTabletAndUp ? (
-            <Image src={item} alt="" loading="eager" layout="fixed" width={573} height={382} />
+            <Image
+              src={item}
+              alt=""
+              loading="eager"
+              layout="fixed"
+              objectFit="contain"
+              objectPosition={"center center"}
+              width={573}
+              height={382}
+            />
           ) : (
-            <Image src={item} alt="" layout="responsive" width={573} height={382} />
+            <Image
+              src={item}
+              alt=""
+              layout="responsive"
+              objectFit="contain"
+              objectPosition={"center center"}
+              width={573}
+              height={382}
+            />
           )
         }
       />