blockworks-foundation
/
mevcamp
mirror of https://github.com/blockworks-foundation/mevcamp.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

nav skelly

This commit is contained in:
steven 2023-10-12 14:19:34 -04:00
parent a8fcd1e3d1
commit 1ff40280d1
2 changed files with 35 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/page.tsx
View File

@ -1,9 +1,8 @@
import NavBar from '@/components/navbar'
import Image from 'next/image'
export default function Home() {
return (
<main className="bg-white">
<main className="h-screen bg-white">
<NavBar />
</main>
)

19
src/components/navbar.tsx
View File

@ -22,12 +22,23 @@ export default function NavBar() {
/>
</a>
</div>
<div className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
<div className="">
<ul className="flex flex-col items-center text-center lg:flex-row lg:space-x-6">
<li className="p-2 hover:bg-gray-200 rounded-md">
<button className="text-gray-500 hover:text-gray-900">What</button>
</li>
<li className="p-2 hover:bg-gray-200 rounded-md">
<button className="text-gray-500 hover:text-gray-900">Where</button>
</li>
<li className="p-2 hover:bg-gray-200 rounded-md">
<button className="text-gray-500 hover:text-gray-900">Contribute</button>
</li>
<li className="p-0">
<button className="bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-700">Join us</button>
</li>
</ul>
</div>
</div>
</nav>
)
}