Skip to content

Commit

Permalink
feat(ui): add Search compoentn to Header
Browse files Browse the repository at this point in the history
  • Loading branch information
mateusfg7 committed May 25, 2023
1 parent ed86468 commit eba77ec
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions src/components/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import React, { useEffect, useState } from 'react'
import Link from 'next/link'

import { ToggleTheme } from './ToggleTheme'
import { Search } from './Search'

export function Header() {
const [percentScrollPosition, setPercentScrollPosition] = useState(0)
Expand Down Expand Up @@ -70,13 +71,16 @@ export function Header() {
Mateus Felipe
</h1>
</Link>
<div className="flex flex-wrap items-center justify-center gap-8">
<div className="flex flex-wrap items-center justify-center gap-3 md:gap-8">
<nav className="flex flex-wrap items-center justify-center gap-5">
<MenuItem name="Home" path="/" />
<MenuItem name="Categories" path="/categories" />
<MenuItem name="Portifolio" path="/portifolio" />
</nav>
<ToggleTheme />
<div className="flex w-full items-center gap-8 md:w-auto">
<Search />
<ToggleTheme />
</div>
</div>
</div>
</header>
Expand Down

0 comments on commit eba77ec

Please sign in to comment.