PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

fixed ui

Browse Source
This commit is contained in:
nocnico
2025-03-17 20:29:40 +01:00
parent 9a7049ec44
commit 3101c61584
2 changed files with 37 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
apps/dispatch/app/(dispatch)/_components/navbar/Navbar.tsx
View File

@@ -5,6 +5,7 @@ import { Connection } from "./_components/Connection";
import { ThemeSwap } from "./_components/ThemeSwap";
import { Audio } from "./_components/Audio";
import { useState } from "react";
import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
export default function Navbar() {
const [isDark, setIsDark] = useState(false);
@@ -26,31 +27,18 @@ export default function Navbar() {
<div className="flex gap-2">
<Audio />
</div>
<div className="flex gap-6">
<ThemeSwap isDark={isDark} toggleTheme={toggleTheme} />
<div className="flex gap-5 items-center">
<div className="flex items-center">
<Connection />
</div>
<div className="dropdown dropdown-end">
<div tabIndex={0} role="button" className="btn btn-ghost">
...
</div>
<ul
tabIndex={0}
className="menu menu-sm dropdown-content bg-base-100 box z-1 mt-3 w-52 p-2 shadow"
>
<li>
<a className="justify-between">Profil</a>
</li>
<li>
<a>Einstellungen</a>
</li>
<li>
<Link href={"/logout"}>
<p>Logout</p>
</Link>
</li>
</ul>
<ThemeSwap isDark={isDark} toggleTheme={toggleTheme} />
<div className="flex items-center">
<button className="btn btn-ghost">
<ExternalLinkIcon className="w-4 h-4" /> HUB
</button>
<button className="btn btn-ghost">
<ExitIcon className="w-4 h-4" />
</button>
</div>
</div>
</div>