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

Merge pull request #3 from okbel/arzafran/tweak-product-grid

Browse Source 
[HOMEPAGE] UI Tweaks on secondary grid
This commit is contained in:
Luis Alvarez D
2020-10-18 17:57:43 -05:00
committed by GitHub
parent c92e765814 c2bc6eb1cc
commit d7eac73aed
3 changed files with 33 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
pages/index.tsx
View File

@@ -57,32 +57,34 @@ export default function Home({
))}
</Marquee>
<div className="py-12 flex flex-row w-full px-12">
<div className="pr-3 w-48">
<ul className="mb-10">
<li className="py-1 text-base font-bold tracking-wide">
All Categories
</li>
{categories.map((cat) => (
<li key={cat.path} className="py-1 text-accents-8">
<a href="#">{cat.name}</a>
<div className="pr-3 w-48 relative">
<div className="sticky top-2">
<ul className="mb-10">
<li className="py-1 text-base font-bold tracking-wide">
All Categories
</li>
))}
</ul>
<ul className="">
<li className="py-1 text-base font-bold tracking-wide">
All Designers
</li>
{brands.flatMap(({ node }) => (
<li key={node.path} className="py-1 text-accents-8">
<a href="#">{node.name}</a>
{categories.map((cat) => (
<li key={cat.path} className="py-1 text-accents-8">
<a href="#">{cat.name}</a>
</li>
))}
</ul>
<ul className="">
<li className="py-1 text-base font-bold tracking-wide">
All Designers
</li>
))}
</ul>
{brands.flatMap(({ node }) => (
<li key={node.path} className="py-1 text-accents-8">
<a href="#">{node.name}</a>
</li>
))}
</ul>
</div>
</div>
<div className="flex-1">
<Grid layout="normal">
{products.map((p: any) => (
<ProductCard key={p.id} {...p} />
<ProductCard key={p.id} {...p} variant="simple" />
))}
</Grid>
</div>