style: TeamSwitcher und Design-Umschalter nach links vor die Navigation

This commit is contained in:
Daniel Michelberger 2026-08-06 17:21:03 +02:00
parent 64c5139d71
commit ef8c05bd7c

View file

@ -76,8 +76,18 @@
<header class="border-b bg-card">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex h-16 items-center justify-between">
<div class="flex items-center gap-3">
<div class="flex items-center gap-2">
<Logo />
<div class="hidden md:block">
<TeamSwitcher />
</div>
<Button variant="ghost" size="icon" onclick={toggleMode} title="Design wechseln">
{#if mode.current === 'dark'}
<Sun class="h-4 w-4" />
{:else}
<Moon class="h-4 w-4" />
{/if}
</Button>
</div>
<nav class="hidden md:flex items-center gap-1">
@ -94,19 +104,7 @@
</nav>
<div class="flex items-center gap-2">
<div class="hidden md:block">
<TeamSwitcher />
</div>
<Button variant="ghost" size="icon" onclick={toggleMode} title="Design wechseln">
{#if mode.current === 'dark'}
<Sun class="h-4 w-4" />
{:else}
<Moon class="h-4 w-4" />
{/if}
</Button>
<div class="hidden md:flex items-center gap-2">
<Separator orientation="vertical" class="h-6" />
<div class="text-sm text-right">
<p class="font-medium leading-tight">{auth.user.name || auth.user.email}</p>
<p class="text-xs text-muted-foreground leading-tight">{auth.user.email}</p>