center popover

gpxstudio · Jun 27, 2024 · eb9f0e3 · eb9f0e3
1 parent 1fdcc42
commit eb9f0e3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/website/src/lib/components/file-list/FileListNodeLabel.svelte b/website/src/lib/components/file-list/FileListNodeLabel.svelte
@@ -214,7 +214,7 @@
 			{#if item instanceof ListFileItem || item instanceof ListTrackItem}
 				<Popover.Root bind:open={openEditMetadata}>
 					<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>
 						<Input bind:value={name} id="name" class="font-semibold h-8" />
 						<Label for="description">{$_('menu.metadata.description')}</Label>
@@ -242,7 +242,7 @@
 				</Popover.Root>
 				<Popover.Root bind:open={openEditStyle}>
 					<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">
 							{$_('menu.style.color')}
 							<Input