From b1a280120c3e7a2d4a6f023dc7bac6bd0bc05902 Mon Sep 17 00:00:00 2001
From: Lyssieth <lys@lys.ee>
Date: Sat, 6 Jan 2024 19:14:33 +0200
Subject: [PATCH] add a close button (whoops)

---
 src/lib/ImportModal.svelte | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/lib/ImportModal.svelte b/src/lib/ImportModal.svelte
index b38780b..8ad5ea3 100644
--- a/src/lib/ImportModal.svelte
+++ b/src/lib/ImportModal.svelte
@@ -46,6 +46,15 @@
     ></textarea>
     <div class="horizontal">
       <button class="import" on:click="{importModal}">Import</button>
+      <button
+        class="cancel"
+        on:click="{() => {
+          $importModalOpen = false;
+          dialog.close();
+        }}"
+      >
+        Cancel
+      </button>
     </div>
   </div>
 </dialog>
@@ -59,6 +68,14 @@
     }
   }
 
+  button.cancel {
+    background-color: color-mix(in srgb, #242424 80%, #f00 20%);
+
+    @media (prefers-color-scheme: light) {
+      background-color: color-mix(in srgb, #f9f9f9 80%, #f00 20%);
+    }
+  }
+
   dialog.import-modal {
     max-width: 64em;
     border-radius: 0.5em;