crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

4 types of layout grids

Browse Source
This commit is contained in:
Belen Curcio
2020-10-04 13:25:16 -03:00
parent b1e6aa25b5
commit cf9495e6c2
5 changed files with 81 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/product/ProductCard/ProductCard.tsx
View File

@@ -16,6 +16,7 @@ interface ProductData {
const ProductCard: FC<Props> = ({ className, productData }) => {
const rootClassName = cn(s.root, className)
return (
<div className={rootClassName}>
{/* Overlay */}
@@ -30,18 +31,17 @@ const ProductCard: FC<Props> = ({ className, productData }) => {
</div>
</div>
</div>
<div className={s.wishlistButton}>
<Heart />
</div>
</div>
<div className="absolute box-border top-0 left-0 w-full h-full z-0 m-12">
{/* <img
{/* <div className="absolute box-border top-0 left-0 w-full z-0 m-12"> */}
{/* <img
className="object-cover object-center w-full"
src={productData.images.edges[0].node.urlSmall}
/> */}
</div>
{/* </div> */}
</div>
)
}