diff --git a/src/PrerenderProduct.js b/src/PrerenderProduct.js index 0aa652e..984b0cf 100644 --- a/src/PrerenderProduct.js +++ b/src/PrerenderProduct.js @@ -183,7 +183,17 @@ class PrerenderProduct extends React.Component { justifyContent: "center", } }, - React.createElement( + !product.pictureList && React.createElement( + CardMedia, + { + component: 'img', + height: '400', + image: '/assets/images/nopicture.jpg', + alt: product.name, + sx: { objectFit: 'cover' } + } + ), + product.pictureList && React.createElement( CardMedia, { component: 'img', @@ -192,8 +202,11 @@ class PrerenderProduct extends React.Component { alt: product.name, sx: { objectFit: 'contain', - width: '100%', - maxWidth: '100%' + cursor: 'pointer', + transition: 'transform 0.2s ease-in-out', + '&:hover': { + transform: 'scale(1.02)' + } } } )