forked from crowetic/commerce
Is this the problem
This commit is contained in:
parent
2f3885b895
commit
24f6ff792a
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user