From ae1cbb41edbbd10e7e4b36dd732111fbba494f04 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Fri, 17 Nov 2023 18:40:43 +0800
Subject: [PATCH] feat: closing dialog by clicking on the overlay

---
 src/components/Settings/components/ChildSettingsDialog.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Settings/components/ChildSettingsDialog.vue b/src/components/Settings/components/ChildSettingsDialog.vue
index 511e6f12..7cff26b6 100644
--- a/src/components/Settings/components/ChildSettingsDialog.vue
+++ b/src/components/Settings/components/ChildSettingsDialog.vue
@@ -12,9 +12,9 @@ function handleClose() {
 </script>
 
 <template>
-  <div pos="fixed top-0 left-0" w-full h-full bg="black opacity-20 dark:opacity-40" rounded="$bew-radius" z-1 />
+  <div pos="fixed top-0 left-0" w-full h-full bg="black opacity-20 dark:opacity-40" rounded="$bew-radius" z-1 @click="handleClose" />
   <div
-    pos="absolute top-1/2 left-1/2" bg="$bew-elevated-solid-1" w="90%" h="85%" rounded="$bew-radius"
+    pos="fixed top-1/2 left-1/2" bg="$bew-elevated-solid-1" w="85%" h="85%" rounded="$bew-radius"
     transform="translate--1/2" z-2 shadow="$bew-shadow-3" overflow-hidden
   >
     <header