diff options
| author | Factiven <[email protected]> | 2023-12-24 13:03:54 +0700 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-12-24 13:03:54 +0700 |
| commit | 50a0f0240d7fef133eb5acc1bea2b1168b08e9db (patch) | |
| tree | 307e09e505580415a58d64b5fc3580e9235869f1 /components/modal.js | |
| parent | Update README.md (#104) (diff) | |
| download | moopa-50a0f0240d7fef133eb5acc1bea2b1168b08e9db.tar.xz moopa-50a0f0240d7fef133eb5acc1bea2b1168b08e9db.zip | |
migrate to typescript
Diffstat (limited to 'components/modal.js')
| -rw-r--r-- | components/modal.js | 19 |
1 files changed, 0 insertions, 19 deletions
diff --git a/components/modal.js b/components/modal.js deleted file mode 100644 index 5d6d0cc..0000000 --- a/components/modal.js +++ /dev/null @@ -1,19 +0,0 @@ -export default function Modal({ open, onClose, children }) { - return ( - <div - onClick={onClose} - className={`fixed z-[999] inset-0 flex justify-center items-center transition-colors ${ - open ? "visible bg-black bg-opacity-50 backdrop-blur-sm" : "invisible" - }`} - > - <div - onClick={(e) => e.stopPropagation()} - className={`shadow rounded-xl transition-all ${ - open ? "scale-100 opacity-100" : "scale-75 opacity-0" - }`} - > - {children} - </div> - </div> - ); -} |