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