crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-15 22:16:58 +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 ? ( {props.src ? (
<Image <Image
className={clsx('relative h-full w-full object-contain', { 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} {...props}
alt={props.title || ''} alt={props.title || ''}

4
components/product/gallery.tsx
View File

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