forked from crowetic/commerce
fix image height
This commit is contained in:
parent
cbcf53c430
commit
6342eb21b8
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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!}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user