From e4b433f99e4de0bfd282fcbf5717bed2e7e2ee8e Mon Sep 17 00:00:00 2001
From: Thomas Weber <weber_t@mailbox.org>
Date: Thu, 12 Aug 2021 16:53:57 -0500
Subject: [PATCH] Allow more control over ImageInput preview size

---
 src/packager/ImageInput.svelte      | 2 +-
 src/packager/PackagerOptions.svelte | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/packager/ImageInput.svelte b/src/packager/ImageInput.svelte
index ffd6a0d..7ac6c7f 100644
--- a/src/packager/ImageInput.svelte
+++ b/src/packager/ImageInput.svelte
@@ -134,7 +134,7 @@
     <div class="selected">
       {#each previewSizes as size}
         <!-- svelte-ignore a11y-missing-attribute -->
-        <img src={url} width={size} height={size}>
+        <img src={url} width={size[0]} height={size[1]}>
       {/each}
       <div>{$_('fileInput.selected').replace('{file}', file.name)}</div>
       <button on:click={clear}>{$_('fileInput.clear')}</button>
diff --git a/src/packager/PackagerOptions.svelte b/src/packager/PackagerOptions.svelte
index 788114d..8c7f6ca 100644
--- a/src/packager/PackagerOptions.svelte
+++ b/src/packager/PackagerOptions.svelte
@@ -248,7 +248,7 @@
   </label>
   <div>
     {$_('options.icon')}
-    <ImageInput bind:file={$icon} previewSizes={[64, 32, 16]} />
+    <ImageInput bind:file={$icon} previewSizes={[[64, 64], [32, 32], [16, 16]]} />
   </div>
 
   <h3>{$_('options.loadingScreen')}</h3>
@@ -258,7 +258,8 @@
   </label>
   <div>
     {$_('options.loadingScreenImage')}
-    <ImageInput bind:file={$loadingScreenImage} previewSizes={[64]} />
+    <!-- Display preview at native size -->
+    <ImageInput bind:file={$loadingScreenImage} previewSizes={[['', '']]} />
   </div>
 
   <h3>{$_('options.controls')}</h3>
@@ -307,7 +308,7 @@
   </div>
   {#if $options.cursor.type === 'custom'}
     <div in:slide|self>
-      <ImageInput bind:file={$customCursorIcon} previewSizes={[32, 16]} />
+      <ImageInput bind:file={$customCursorIcon} previewSizes={[[32, 32], [16, 16]]} />
       <p>{$_('options.cursorHelp')}</p>
     </div>
   {/if}