diff --git a/src/components/Modal.scss b/src/components/Modal.scss index 26d31b2..e76f9a7 100644 --- a/src/components/Modal.scss +++ b/src/components/Modal.scss @@ -4,10 +4,11 @@ left: 0; right: 3.52%; background: #ffffff; - bottom: 55.61%; + opacity: 0; pointer-events: none; transition: all 0.4s ease-in-out; + bottom: 33.6%; .modal-content { z-index: 8; @@ -15,7 +16,8 @@ position: fixed; left: 0; right: 3.5%; - bottom: 44%; + bottom: 33.6%; + background: white; &__wrapper { position: relative; @@ -55,7 +57,7 @@ .modal-overlay { position: fixed; - top: 0%; + top: 0; left: 0; right: 0; bottom: 0; @@ -68,3 +70,13 @@ pointer-events: all; z-index: 8; } + +@media screen and (max-width: 375px) { + .modal_wrapper { + right: 9.5%; + + .modal-content { + right: 9.5%; + } + } +} diff --git a/src/components/Routes/Contato.tsx b/src/components/Routes/Contato.tsx index c82fe42..4373628 100644 --- a/src/components/Routes/Contato.tsx +++ b/src/components/Routes/Contato.tsx @@ -171,6 +171,11 @@ const Contato = () => {