From ad390eed98ba496a8eb2dd576f65bfe708db1034 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Sat, 5 Apr 2025 22:08:23 +0200
Subject: [PATCH] Moved svg into a file

---
 src/assets/images/file.svg      | 3 +++
 src/components/FileUploader.vue | 4 +---
 2 files changed, 4 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/images/file.svg

diff --git a/src/assets/images/file.svg b/src/assets/images/file.svg
new file mode 100644
index 0000000..a5f5b22
--- /dev/null
+++ b/src/assets/images/file.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
+</svg>
\ No newline at end of file
diff --git a/src/components/FileUploader.vue b/src/components/FileUploader.vue
index 09014f0..18027ce 100644
--- a/src/components/FileUploader.vue
+++ b/src/components/FileUploader.vue
@@ -3,9 +3,7 @@
     <input ref="fileInput" type="file" multiple accept="image/*" class="hidden" @change="handleFileChange" />
 
     <div class="mb-4">
-      <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
-      </svg>
+      <img src="@/assets/images/file.svg" alt="File upload" class="w-16 h-16 mx-auto mb-4" />
     </div>
 
     <p class="text-lg mb-2">Drag and drop your sprite images here</p>