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

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

@@ -1,36 +1,40 @@
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">
alpha <label tabIndex={0} className="badge badge-sm cursor-help">
</label> alpha
<div </label>
tabIndex={0} <div
className="dropdown-content card card-compact bg-primary text-primary-content w-64 shadow" tabIndex={0}
> className="dropdown-content card card-compact bg-primary text-primary-content w-64 shadow"
<div className="card-body cursor-default"> >
<p className="text-left text-xs"> <div className="card-body cursor-default">
This project is a work in progress. You can view the roadmap{" "} <p className="text-left text-xs">
<a This project is a work in progress. You can view the roadmap{" "}
href="https://github.com/users/nizewn/projects/2" <a
target="_blank" href="https://github.com/users/nizewn/projects/2"
rel="noreferrer" target="_blank"
className="link" rel="noreferrer"
> className="link"
here >
</a> here
. </a>
</p> .
</div> </p>
</div> </div>
</div> </div>
</span> </div>
</div> </div>
<div className="flex-none"> <div className="flex-none">
<div className="btn btn-ghost btn-circle"> <div className="btn btn-ghost btn-circle">