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

Changes/ Stable

Browse Source
This commit is contained in:
Belen Curcio
2020-10-01 18:26:33 -03:00
parent de949095d7 35ac41e04d
commit 1c833447ea
12 changed files with 268 additions and 6740 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/product/ProductCard/ProductCard.module.css
View File

@@ -1,3 +1,3 @@
.root {
@apply flex flex-row px-2;
@apply w-full h-full flex flex-row px-2;
}

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

@@ -1,7 +1,7 @@
import cn from "classnames";
import s from "./ProductCard.module.css";
import React, { FunctionComponent } from "react";
import { Heart } from "@components/icon";
interface Props {
className?: string;
children?: any;
@@ -12,13 +12,16 @@ const ProductCard: FunctionComponent<Props> = ({ className }) => {
return (
<div className={rootClassName}>
<div className="absolute">
<h1 className="px-8 py-2 bg-violet text-white font-bold text-3xl">
{/* {productData.title} */}
<h1 className="px-8 py-2 bg-white text-black font-bold text-3xl">
T-Shirt
</h1>
<div className="px-6 py-2 pb-4 bg-violet text-white font-semibold inline-block">
{/* {productData.price} */}
<div className="px-6 py-2 pb-4 bg-white text-black font-semibold inline-block">
$50
</div>
</div>
<div className="absolute flex items-center justify-center h-12 w-12 bg-white text-black">
<Heart />
</div>
<div className="flex-1 h-full p-24">
<div className="bg-violet h-full"></div>
</div>