cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Transitions

Browse Source
This commit is contained in:
Belen Curcio
2020-10-05 14:28:59 -03:00
parent eb5fdebcf5
commit a25da7d6cf
8 changed files with 178 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,7 @@
.root {
@apply flex justify-between items-center flex-row px-6 h-20 relative;
}
.link {
@apply group text-gray-500 inline-flex items-center text-base leading-6 font-medium hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 cursor-pointer;
}

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

@@ -4,6 +4,7 @@ import s from './Navbar.module.css'
import { Logo, Container } from '@components/ui'
import { Searchbar } from '@components/core'
import { UserNav } from '@components/core'
import Link from 'next/link'
interface Props {
className?: string
}
@@ -12,12 +13,16 @@ const Navbar: FC<Props> = ({ className }) => {
const rootClassName = cn(s.root, className)
return (
<Container className={rootClassName}>
<Logo />
<Link href="/">
<h1 className="cursor-pointer">
<Logo />
</h1>
</Link>
<div className="flex flex-row h-full content-center flex-1 ml-10">
<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 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>