diff --git a/web-player/src/lib/components/ui/overlay/AccountMenu.svelte b/web-player/src/lib/components/ui/overlay/AccountMenu.svelte index 9554336..1ac82e6 100644 --- a/web-player/src/lib/components/ui/overlay/AccountMenu.svelte +++ b/web-player/src/lib/components/ui/overlay/AccountMenu.svelte @@ -44,7 +44,10 @@ {@render trigger({ toggle, open })} {#if open} - + {@render extraItems?.({ close })} {#if accountUrl} diff --git a/web-player/src/lib/components/ui/overlay/GlassMenu.svelte b/web-player/src/lib/components/ui/overlay/GlassMenu.svelte index 9b8652b..264a020 100644 --- a/web-player/src/lib/components/ui/overlay/GlassMenu.svelte +++ b/web-player/src/lib/components/ui/overlay/GlassMenu.svelte @@ -4,12 +4,16 @@ interface Props { class?: string; style?: string; + border?: boolean; children: Snippet; } - let { class: klass = '', style = '', children }: Props = $props(); + let { class: klass = '', style = '', border = true, children }: Props = $props(); -
+
{@render children()}
diff --git a/web-player/src/lib/components/ui/overlay/MenuItem.svelte b/web-player/src/lib/components/ui/overlay/MenuItem.svelte index e4743e7..c01c8c9 100644 --- a/web-player/src/lib/components/ui/overlay/MenuItem.svelte +++ b/web-player/src/lib/components/ui/overlay/MenuItem.svelte @@ -24,7 +24,7 @@ }: Props = $props(); const classes = $derived( - `flex w-full items-center gap-3 rounded-control px-2 py-2.5 text-left text-sm font-medium text-fg-2 transition hover:bg-hover ${klass}` + `flex w-full items-center gap-3 rounded-control px-2 py-2.5 text-left text-xs font-medium text-fg-2 transition hover:bg-hover ${klass}` );