style: TeamSwitcher und Design-Umschalter nach links vor die Navigation
This commit is contained in:
parent
64c5139d71
commit
ef8c05bd7c
1 changed files with 11 additions and 13 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue