fix: fix close Modal incorrectly (#252)

Co-authored-by: lixin <lixin@forchange.tech>
reworkd · Apr 19, 2023 · 6615fa8 · 6615fa8 · vercel · Apr 19, 2023
1 parent aeb9b95
commit 6615fa8
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
@@ -19,10 +19,11 @@ export default function Dialog({
   }
 
   return (
-    <div
-      className="fixed inset-0 z-40 flex items-center justify-center overflow-y-auto overflow-x-hidden bg-black/70 p-3 font-mono text-white outline-none transition-all"
-      onClick={close}
-    >
+    <div className="fixed inset-0 z-40 flex items-center justify-center overflow-y-auto overflow-x-hidden bg-black/70 p-3 font-mono text-white outline-none transition-all">
+      <div
+        className="absolute bottom-0 left-0 right-0 top-0 "
+        onClick={close}
+      />
       <div className="relative mx-auto my-6 w-auto max-w-3xl rounded-lg border-2 border-zinc-600">
         {/*content*/}
         <div