diff options
Diffstat (limited to 'src-migrate/modules')
| -rw-r--r-- | src-migrate/modules/product-detail/components/ProductDetail.tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx index 17cd03ca..c9a05993 100644 --- a/src-migrate/modules/product-detail/components/ProductDetail.tsx +++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx @@ -232,13 +232,12 @@ const ProductDetail = ({ product }: Props) => { allImages.map((img, i) => ( <div key={i} - className='w-full flex-shrink-0 snap-center flex justify-center items-center' + className='w-full flex-shrink-0 snap-center' > - {/* gambar diperkecil */} <img src={img} alt={`Gambar ${i + 1}`} - className='w-[85%] aspect-square object-contain' + className='w-full aspect-square object-contain block' onError={(e) => { (e.target as HTMLImageElement).src = '/images/noimage.jpeg'; @@ -247,11 +246,11 @@ const ProductDetail = ({ product }: Props) => { </div> )) ) : ( - <div className='w-full flex-shrink-0 snap-center flex justify-center items-center'> + <div className='w-full flex-shrink-0 snap-center'> <img src={mainImage || '/images/noimage.jpeg'} alt='Gambar produk' - className='w-[85%] aspect-square object-contain' + className='w-full aspect-square object-contain block' /> </div> )} |