UI: improve open clan from directory & list machines

This commit is contained in:
Johannes Kirschbauer
2024-07-10 11:03:36 +02:00
parent 61765fb2d2
commit 4e9778f7d6
11 changed files with 95 additions and 73 deletions

View File

@@ -1,18 +1,27 @@
import { currClanURI } from "../App";
export const Header = () => {
return (
<div class="navbar bg-base-100">
<div class="flex-none">
<button class="btn btn-square btn-ghost">
<span class="material-icons">home</span>
</button>
<span class="tooltip tooltip-bottom" data-tip="Menu">
<label
class="btn btn-square btn-ghost drawer-button"
for="toplevel-drawer"
>
<span class="material-icons">menu</span>
</label>
</span>
</div>
<div class="flex-1">
<a class="btn btn-ghost text-xl">Clan</a>
<a class="text-xl">{currClanURI() || "Clan"}</a>
</div>
<div class="flex-none">
<button class="btn btn-square btn-ghost">
<span class="material-icons">menu</span>
</button>
<span class="tooltip tooltip-bottom" data-tip="Account">
<button class="btn btn-square btn-ghost">
<span class="material-icons">account_circle</span>
</button>
</span>
</div>
</div>
);