diff --git a/webui/src/components/AddModal.svelte b/webui/src/components/AddModal.svelte
index 4f2b534..3da892b 100644
--- a/webui/src/components/AddModal.svelte
+++ b/webui/src/components/AddModal.svelte
@@ -56,9 +56,13 @@
{#each files as file}
-
-
-
+ {#if file.type.startsWith("image")}
+
![To be uploaded.]({URL.createObjectURL(file)})
+ {:else}
+
+
+
+ {/if}
{file.name}
{/each}
@@ -121,12 +125,18 @@
.file {
display: flex;
align-items: center;
+ flex-direction: column;
border: 1px solid var(--foreground);
border-radius: 4px;
background: var(--background-lighter);
padding: 0.5em;
+ img {
+ max-height: 12em;
+ max-width: 12em;
+ }
+
.icon {
font-size: 24px;
}