diff --git a/dashboard/src/routes/+layout.svelte b/dashboard/src/routes/+layout.svelte index 0b0db6f..61631a6 100644 --- a/dashboard/src/routes/+layout.svelte +++ b/dashboard/src/routes/+layout.svelte @@ -5,6 +5,7 @@ import { page } from '$app/state'; import { api } from '$lib/api'; import { currentUser, getToken } from '$lib/auth'; + import RoleChip from '$lib/RoleChip.svelte'; let { children } = $props(); @@ -46,12 +47,17 @@ PiCloud
{#if user}
- {user.username} + + + {user.username} +
{/if} @@ -121,6 +127,20 @@ font-size: 0.875rem; } + .profile-chip { + display: inline-flex; + align-items: center; + gap: 0.4rem; + padding: 0.25rem 0.55rem; + border-radius: 0.375rem; + text-decoration: none; + border: 1px solid transparent; + } + .profile-chip:hover { + background: #1e293b; + border-color: #334155; + } + .username { color: #cbd5e1; }