diff options
| author | Blaster4385 <blaster4385@tablaster.dev> | 2024-05-15 13:22:15 +0530 |
|---|---|---|
| committer | Blaster4385 <blaster4385@tablaster.dev> | 2024-05-15 20:47:32 +0530 |
| commit | 3e0acbf495b536e4220c3fb8a6d1e0ec638d35eb (patch) | |
| tree | 687ce59c60404bc5e01ad638b0466b375b94696a /client/src/components/Modal/Modal.module.css | |
| parent | afab9091b1cb377516222e08d668db1020dcd60e (diff) | |
fix: fixed modal styling
- Also close modal when clicked outside
Diffstat (limited to 'client/src/components/Modal/Modal.module.css')
| -rw-r--r-- | client/src/components/Modal/Modal.module.css | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/client/src/components/Modal/Modal.module.css b/client/src/components/Modal/Modal.module.css index 9d79c62..ea4978b 100644 --- a/client/src/components/Modal/Modal.module.css +++ b/client/src/components/Modal/Modal.module.css @@ -27,6 +27,7 @@ flex-direction: column; align-items: center; justify-content: center; + color: var(--color-light); } .container__close { @@ -34,10 +35,11 @@ background: none; border: none; margin-left: auto; -} - -.close__img { - width: 20px; + color: inherit; + font-size: 2rem; + &:hover { + transform: scale(0.9); + } } .container__actions { @@ -54,8 +56,13 @@ text-align: center; background-color: var(--color-yellow); color: var(--color-dark); + border: none; border-radius: 10px; font-size: 1rem; margin: 0 10px; + + &:hover { + transform: scale(1.1); + } } |