eero/WretchedMachines
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Frontend: Add some additional navbar style

Browse Source
This commit is contained in:
Eero Holmala 2024-06-01 11:49:50 +03:00
parent bceb9f9bfb
commit 6ad4493f42
1 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
wretched-machines-frontend/src/components/ui/navbar.tsx
View File

@ -1,24 +1,32 @@
import Link from "next/link"; import Link from "next/link";
import { cn } from "@/lib/utils" import { cn } from "@/lib/utils"
const Break = ()=> <hr className={cn("w-100")}></hr>
const Navbar = () => { const Navbar = () => {
return ( return (
<div className={cn("flex h-20 bg-gray-800 text-white justify-around opacity-100 items-center")}> <div className={cn("bg-gray-800 pt-1 pb-1")}>
<Link href="/"> <Break/>
<div>Home</div> <div className={cn("flex h-20 bg-gray-800 text-white justify-around opacity-100 items-center")}>
</Link> <Link href="/">
<Link href="/blog"> <div>Home</div>
<div>Blog</div> </Link>
</Link> <Link href="/blog">
<Link href="/tools"> <div>Blog</div>
<div>Tools</div> </Link>
</Link> <Link href="/tools">
<Link href="/demos"> <div>Tools</div>
<div>Demos</div> </Link>
</Link> <Link href="/demos">
<Link href="/login"> <div>Demos</div>
<div>Login</div> </Link>
</Link> <Link href="/login">
<div>Login</div>
</Link>
<br></br>
</div>
<Break/>
</div> </div>
); );
} }