cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

fix image height

Browse Source
This commit is contained in:
Julián Benegas 2020-10-23 17:41:25 -03:00
parent cbcf53c430
commit 6342eb21b8
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/product/ProductView/ProductView.module.css
View File

@ -60,6 +60,15 @@
@apply absolute z-10 inset-0 flex items-center justify-center overflow-x-hidden; @apply absolute z-10 inset-0 flex items-center justify-center overflow-x-hidden;
} }
.imageContainer {
& > div {
@apply h-full;
& > div {
@apply h-full;
}
}
}
.img { .img {
@apply w-full h-auto max-h-full object-cover; @apply w-full h-auto max-h-full object-cover;
} }

2
components/product/ProductView/ProductView.tsx
View File

@ -77,7 +77,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
<div className={s.sliderContainer}> <div className={s.sliderContainer}>
<ProductSlider> <ProductSlider>
{product.images.edges?.map((image, i) => ( {product.images.edges?.map((image, i) => (
<div key={image?.node.urlXL}> <div key={image?.node.urlXL} className={s.imageContainer}>
<Image <Image
className={s.img} className={s.img}
src={image?.node.urlXL!} src={image?.node.urlXL!}