crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 16:07:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Sol Irvine 2023-09-06 17:31:53 -07:00
parent 7e99ad1711
commit 391ca16f8f
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/[locale]/product/[handle]/page.tsx
View File

@ -221,7 +221,7 @@ async function RelatedProducts({ id }: { id: string }) {
className="relative block h-full w-full transition-opacity duration-150 hover:opacity-90" className="relative block h-full w-full transition-opacity duration-150 hover:opacity-90"
href={`/product/${product.handle}`} href={`/product/${product.handle}`}
> >
<div className="relative block aspect-square overflow-hidden"> <div className="relative z-10 block aspect-square overflow-hidden">
<GridTileImage <GridTileImage
alt={product.title} alt={product.title}
label={{ label={{

4
components/grid/product-grid.tsx
View File

@ -11,7 +11,7 @@ function ProductGridItem({ item, priority }: { item: Product; priority?: boolean
return ( return (
<div className={clsx('col-span-1 row-span-1 md:col-span-2 md:row-span-1')}> <div className={clsx('col-span-1 row-span-1 md:col-span-2 md:row-span-1')}>
<Link className="w-full bg-black/30" href={`/product/${item.handle}`}> <Link className="block w-full pb-12" href={`/product/${item.handle}`}>
<div className="relative block aspect-square overflow-hidden"> <div className="relative block aspect-square overflow-hidden">
<GridTileImage <GridTileImage
src={item.featuredImage.url} src={item.featuredImage.url}
@ -28,7 +28,7 @@ function ProductGridItem({ item, priority }: { item: Product; priority?: boolean
currencyCode={item.priceRange.maxVariantPrice.currencyCode} currencyCode={item.priceRange.maxVariantPrice.currencyCode}
size={size?.value} size={size?.value}
/> />
<div className="line-clamp-4 pt-2 font-extralight">{item?.summary?.value}</div> <div className="line-clamp-4 pt-2 text-sm font-extralight">{item?.summary?.value}</div>
</div> </div>
</Link> </Link>
</div> </div>