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 to ProductGrid

Browse Source
This commit is contained in:
Belen Curcio
2020-10-02 11:03:58 -03:00
parent 1c833447ea
commit 6c7fa4a6e6
5 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/product/ProductGrid/ProductGrid.module.css
View File

@@ -1,4 +1,8 @@
.root {
@apply grid grid-cols-1 lg:grid-cols-3 lg:grid-rows-4 w-full h-96;
min-height: calc((100vh - 80px - 56px) * 2);
& div:nth-child(1) {
@apply row-span-2 lg:col-span-2 bg-red-200 h-full;
}
}

2
components/product/ProductGrid/ProductGrid.tsx
View File

@@ -12,7 +12,7 @@ const ProductView: FunctionComponent<Props> = ({ products, className }) => {
const rootClassName = cn(s.root, className);
return (
<div className={rootClassName}>
<div className="row-span-2 lg:col-span-2 bg-violet h-full"></div>
<div></div>
<div className="row-span-1 lg:col-span-1 bg-black h-full"></div>
<div className="row-span-1 lg:col-span-1 bg-pink"></div>
<div className="row-span-1 lg:col-span-1 bg-black h-full"></div>