crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-15 14:06:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(poc): fix thumbnail gallery

Browse Source
This commit is contained in:
Björn Meyer 2023-07-13 14:14:40 +02:00
parent 33d780d427
commit f21f41c59d
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/grid/tile.tsx
View File

@ -41,7 +41,8 @@ export function GridTileImage({
{props.src ? (
<Image
className={clsx('relative h-full w-full object-contain', {
'transition duration-300 ease-in-out hover:scale-105': isInteractive
'transition duration-300 ease-in-out hover:scale-105': isInteractive,
'm-4 max-h-[8rem] min-h-[8rem]': props.width === 200 && props.height === 200 // this styling is for the thumbnails below gallery on product detail page
})}
{...props}
alt={props.title || ''}

4
components/product/gallery.tsx
View File

@ -84,8 +84,8 @@ export function Gallery({
<GridTileImage
alt={image?.altText}
src={image.src}
width={600}
height={600}
width={200}
height={200}
background="purple-dark"
active={isActive}
/>