add a close button (whoops)

lyssieth · Jan 6, 2024 · b1a2801 · b1a2801
1 parent f96f59b
commit b1a2801
Showing 1 changed file with 17 additions and 0 deletions.
diff --git 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;