aboutsummaryrefslogtreecommitdiff
path: root/components/modal.js
diff options
context:
space:
mode:
authorFactiven <[email protected]>2023-04-29 14:30:08 +0700
committerFactiven <[email protected]>2023-04-29 14:30:08 +0700
commite6346b1d7d788754d0c2d11fc18724627ec5bf15 (patch)
treef10f1cc899e13ffbd936bdc3508f39eefb2ce067 /components/modal.js
parentBug Fixes (diff)
downloadmoopa-e6346b1d7d788754d0c2d11fc18724627ec5bf15.tar.xz
moopa-e6346b1d7d788754d0c2d11fc18724627ec5bf15.zip
Editor List v0.6
Diffstat (limited to 'components/modal.js')
-rw-r--r--components/modal.js4
1 files changed, 2 insertions, 2 deletions
diff --git a/components/modal.js b/components/modal.js
index 0a9d349..f237d77 100644
--- a/components/modal.js
+++ b/components/modal.js
@@ -3,13 +3,13 @@ export default function Modal({ open, onClose, children }) {
<div
onClick={onClose}
className={`fixed z-50 inset-0 flex justify-center items-center transition-colors ${
- open ? "visible bg-black bg-opacity-50" : "invisible"
+ open ? "visible bg-black bg-opacity-50 backdrop-blur-sm" : "invisible"
}`}
>
<div
onClick={(e) => e.stopPropagation()}
className={`shadow rounded-xl p-6 transition-all ${
- open ? "scale-125 opacity-100" : "scale-100 opacity-0"
+ open ? "scale-100 opacity-100" : "scale-75 opacity-0"
}`}
>
{children}