diff options
| author | Factiven <[email protected]> | 2023-05-01 01:24:24 +0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-05-01 01:24:24 +0700 |
| commit | f026ac4ffc988c6de085a14e0eb0dc28fffe5482 (patch) | |
| tree | 7fa872b8d6dd3cc3c93c7a53f4475ad7b9db7a0a /components/modal.js | |
| parent | Merge branch 'pre-production' into main (diff) | |
| parent | Update v3.5 (diff) | |
| download | moopa-f026ac4ffc988c6de085a14e0eb0dc28fffe5482.tar.xz moopa-f026ac4ffc988c6de085a14e0eb0dc28fffe5482.zip | |
Update v3.5
Diffstat (limited to 'components/modal.js')
| -rw-r--r-- | components/modal.js | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/components/modal.js b/components/modal.js index 0a9d349..78b76d7 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" + className={`shadow rounded-xl transition-all ${ + open ? "scale-100 opacity-100" : "scale-75 opacity-0" }`} > {children} |