crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 23:46:58 +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"
href={`/product/${product.handle}`}
>
<div className="relative block aspect-square overflow-hidden">
<div className="relative z-10 block aspect-square overflow-hidden">
<GridTileImage
alt={product.title}
label={{

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

@ -11,8 +11,8 @@ function ProductGridItem({ item, priority }: { item: Product; priority?: boolean
return (
<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}`}>
<div className="relative block aspect-square overflow-hidden ">
<Link className="block w-full pb-12" href={`/product/${item.handle}`}>
<div className="relative block aspect-square overflow-hidden">
<GridTileImage
src={item.featuredImage.url}
fill
@ -28,7 +28,7 @@ function ProductGridItem({ item, priority }: { item: Product; priority?: boolean
currencyCode={item.priceRange.maxVariantPrice.currencyCode}
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>
</Link>
</div>