center popover

This commit is contained in:
vcoppe
2024-06-27 16:07:00 +02:00
parent 1fdcc4289a
commit eb9f0e36ca

View File

@@ -214,7 +214,7 @@
{#if item instanceof ListFileItem || item instanceof ListTrackItem} {#if item instanceof ListFileItem || item instanceof ListTrackItem}
<Popover.Root bind:open={openEditMetadata}> <Popover.Root bind:open={openEditMetadata}>
<Popover.Trigger /> <Popover.Trigger />
<Popover.Content side="top" sideOffset={22} class="flex flex-col gap-3"> <Popover.Content side="top" sideOffset={22} alignOffset={30} class="flex flex-col gap-3">
<Label for="name">{$_('menu.metadata.name')}</Label> <Label for="name">{$_('menu.metadata.name')}</Label>
<Input bind:value={name} id="name" class="font-semibold h-8" /> <Input bind:value={name} id="name" class="font-semibold h-8" />
<Label for="description">{$_('menu.metadata.description')}</Label> <Label for="description">{$_('menu.metadata.description')}</Label>
@@ -242,7 +242,7 @@
</Popover.Root> </Popover.Root>
<Popover.Root bind:open={openEditStyle}> <Popover.Root bind:open={openEditStyle}>
<Popover.Trigger /> <Popover.Trigger />
<Popover.Content side="top" sideOffset={22} class="flex flex-col gap-3"> <Popover.Content side="top" sideOffset={22} alignOffset={30} class="flex flex-col gap-3">
<Label class="flex flex-row gap-2 items-center justify-between"> <Label class="flex flex-row gap-2 items-center justify-between">
{$_('menu.style.color')} {$_('menu.style.color')}
<Input <Input