crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Is this the problem

Browse Source
This commit is contained in:
Belen Curcio 2020-10-05 19:16:49 -03:00
parent 2f3885b895
commit 24f6ff792a
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/core/Navbar/Navbar.module.css
View File

@ -1,4 +1,7 @@
.root {
}
.container {
@apply flex justify-between items-center flex-row px-6 h-20 relative;
}

36
components/core/Navbar/Navbar.tsx
View File

@ -12,22 +12,26 @@ interface Props {
const Navbar: FC<Props> = ({ className }) => {
const rootClassName = cn(s.root, className)
return (
<Container className={rootClassName}>
<Link href="/">
<span className="inline-block cursor-pointer">
<Logo />
</span>
</Link>
<div className="flex flex-row h-full content-center flex-1 ml-10">
<nav className="hidden flex-row items-center px-6 lg:flex space-x-4">
<a className={s.link}>All</a>
<a className={s.link}>Clothes</a>
<a className={s.link}>Accesories</a>
</nav>
<Searchbar />
</div>
<UserNav />
</Container>
<div className={rootClassName}>
<Container>
<div className={s.container}>
<Link href="/">
<span className="flex-0 cursor-pointer">
<Logo />
</span>
</Link>
<div className="flex flex-row h-full content-center flex-1 ml-10">
<nav className="hidden flex-row items-center px-6 lg:flex space-x-4">
<a className={s.link}>All</a>
<a className={s.link}>Clothes</a>
<a className={s.link}>Accesories</a>
</nav>
<Searchbar />
</div>
<UserNav />
</div>
</Container>
</div>
)
}