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

Browse Source
This commit is contained in:
Belen Curcio
2020-09-29 14:57:21 -03:00
parent 0a9a95caae
commit c10a4ce95b
3 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Navbar/Navbar.module.css
View File

@@ -1,3 +1,3 @@
.container {
.root {
@apply flex justify-between items-center flex-row px-6 h-20 relative border-gray-100 border-b;
}

28
components/Navbar/Navbar.tsx
View File

@@ -11,22 +11,20 @@ interface Props {
const Navbar: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
return (
<div className={rootClassName}>
<Container className={s.container}>
<Logo />
<div className="flex flex-row h-full content-center flex-1">
<Searchbar />
<nav className="hidden flex-row items-center px-3 lg:flex">
<a className="pr-4">All</a>
<a className="pr-4">Clothes</a>
<a>Accesories</a>
</nav>
</div>
<nav>
<Avatar />
<Container className={rootClassName}>
<Logo />
<div className="flex flex-row h-full content-center flex-1">
<Searchbar />
<nav className="hidden flex-row items-center px-3 lg:flex">
<a className="pr-4">All</a>
<a className="pr-4">Clothes</a>
<a>Accesories</a>
</nav>
</Container>
</div>
</div>
<nav>
<Avatar />
</nav>
</Container>
);
};