Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

make navbar use card
Some checks failed
deploy / deploy (push) Failing after 22s
Details

Browse Source
This commit is contained in:
Lee 2023-10-31 17:47:44 +00:00
parent 06a908b79b
commit 24cf9bfb14
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Navbar.tsx
View File

@ -11,6 +11,7 @@ import {
import { GlobeAltIcon } from "@heroicons/react/24/outline"; import { GlobeAltIcon } from "@heroicons/react/24/outline";
import Avatar from "./Avatar"; import Avatar from "./Avatar";
import Button from "./Button"; import Button from "./Button";
import { Card } from "./ui/card";
interface ButtonProps { interface ButtonProps {
text: string; text: string;
@ -48,7 +49,7 @@ export default function Navbar() {
return ( return (
<> <>
<div className="bg-background flex h-fit w-full rounded-md"> <Card className="flex h-fit w-full rounded-md">
{settingsStore !== undefined && settingsStore.player && ( {settingsStore !== undefined && settingsStore.player && (
<NavbarButton <NavbarButton
ariaLabel="Your profile" ariaLabel="Your profile"
@ -127,7 +128,7 @@ export default function Navbar() {
icon={<CogIcon height={20} width={20} />} icon={<CogIcon height={20} width={20} />}
href="/settings" href="/settings"
/> />
</div> </Card>
</> </>
); );
} }