MrDiderot/Michess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

restore link in navbar and separate badge dropdown

Browse Source
This commit is contained in:
Nathaniel Tampus
2023-03-06 13:21:29 +08:00
parent 754d149c4a
commit ef9e23338b
1 changed files with 29 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/Navbar.tsx
View File

@@ -1,13 +1,18 @@
import { IconUser, IconSun, IconMoon } from "@tabler/icons-react"; import { IconUser, IconSun, IconMoon } from "@tabler/icons-react";
import Link from "next/link";
export default function Navbar() { export default function Navbar() {
return ( return (
<header className="navbar mx-1 w-auto justify-center drop-shadow-sm md:mx-16 lg:mx-40"> <header className="navbar mx-1 w-auto justify-center drop-shadow-sm md:mx-16 lg:mx-40">
<div className="flex-1"> <div className="flex flex-1 items-center gap-1">
<span className="btn btn-ghost no-animation cursor-default gap-1 text-xl normal-case hover:bg-transparent"> <Link
href="/"
className="btn btn-ghost no-animation p-0 text-xl normal-case hover:bg-transparent"
>
chessu chessu
<div className="dropdown hover:dropdown-open"> </Link>
<label tabIndex={0} className="badge badge-sm mt-1 cursor-help"> <div className="dropdown dropdown-right hover:dropdown-open">
<label tabIndex={0} className="badge badge-sm cursor-help">
alpha alpha
</label> </label>
<div <div
@@ -30,7 +35,6 @@ export default function Navbar() {
</div> </div>
</div> </div>
</div> </div>
</span>
</div> </div>
<div className="flex-none"> <div className="flex-none">
<div className="btn btn-ghost btn-circle"> <div className="btn btn-ghost btn-circle">