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>
pull/2834/head^2
aar2dee2 2022-06-04 01:31:00 +05:30 committed by GitHub
parent fcba3bec03
commit 864a873c57
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 2 deletions

View File

@ -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}
/>
)
}
/>