|
|
|
@ -10,7 +10,7 @@ const ProductImage = ({ images }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<section className="bg-white m-10 border-2 border-gray-300 p-4 rounded-lg"> |
|
|
|
<section className="bg-white m-10 border-2 border-gray-300 p-4 rounded-lg"> |
|
|
|
<div className="w-4/12 flex flex-row h-72"> |
|
|
|
<div className="w-4/12 flex flex-row h-72"> |
|
|
|
<div className="flex flex-col items-center justify-between ml-4 w-16 bg-red-500"> |
|
|
|
<div className="flex flex-col items-center justify-between ml-4 w-16"> |
|
|
|
{images.slice(0, 4).map((image, index) => ( |
|
|
|
{images.slice(0, 4).map((image, index) => ( |
|
|
|
<div className="relative"> |
|
|
|
<div className="relative"> |
|
|
|
<img |
|
|
|
<img |
|
|
|
|
