From e490782d417b6944afed12f94ddffc1cb967fefb Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Thu, 2 Jan 2025 00:48:55 +1300
Subject: [PATCH] dismiss modal when clicking outside of it

---
 src/frontend/components/interfaces/ImportInterfacesModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/components/interfaces/ImportInterfacesModal.vue b/src/frontend/components/interfaces/ImportInterfacesModal.vue
index 1e390f7..bf85ad9 100644
--- a/src/frontend/components/interfaces/ImportInterfacesModal.vue
+++ b/src/frontend/components/interfaces/ImportInterfacesModal.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-if="isShowing" class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity flex items-center justify-center">
         <div class="flex w-full h-full p-4 overflow-y-auto">
-            <div class="my-auto mx-auto w-full bg-white dark:bg-zinc-900 rounded-lg shadow-xl max-w-2xl">
+            <div v-click-outside="dismiss" class="my-auto mx-auto w-full bg-white dark:bg-zinc-900 rounded-lg shadow-xl max-w-2xl">
 
                 <!-- title -->
                 <div class="p-4 border-b dark:border-zinc-700">