🚧 Use a filepath input for background image metadata

ortfo · Oct 13, 2022 · 908a1f7 · 908a1f7
1 parent b2feccd
commit 908a1f7
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/frontend/tabs/editor.svelte b/frontend/tabs/editor.svelte
@@ -195,7 +195,7 @@ let titleH1: HTMLHeadingElement
 							>
 						</p>
 					{/if}
-					<dl>
+					<dl class="metadata">
 						<FieldList
 							key="tags"
 							bind:value={$workInEditor.metadata.tags}
@@ -229,6 +229,11 @@ let titleH1: HTMLHeadingElement
 							accept=".png"
 							bind:value={$workInEditor.metadata.thumbnail}
 						/>
+						<FieldFilepath
+							key="pagebackground"
+							relativeTo={PATHS_RELATIVE_TO}
+							bind:value={$workInEditor.metadata.pagebackground}
+						/>
 						<FieldColors
 							key="colors"
 							images={Object.fromEntries(
@@ -250,10 +255,6 @@ let titleH1: HTMLHeadingElement
 							)}
 							bind:value={$workInEditor.metadata.colors}
 						/>
-						<FieldImage
-							key="pagebackground"
-							bind:value={$workInEditor.metadata.pagebackground}
-						/>
 					</dl>
 				</section>
 
@@ -417,6 +418,10 @@ aside h2 {
 	font-size: 1.75em;
 }
 
+.metadata :global(.entry) {
+	margin-bottom: 1em;
+}
+
 .title,
 .url {
 	align-self: flex-start;