4
0
forked from crowetic/commerce

Is this the problem

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

View File

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

View File

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