Merge pull request #62 from farrah-deriv/scrollable-verification-modal

farrah/ Scrollable verification modal
carolsachdeva · Sep 1, 2022 · b2e6e16 · b2e6e16
2 parents 8b1eebb + ae5fbe0
commit b2e6e16
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/p2p/src/components/email-verification-modal/email-verification-modal.jsx b/packages/p2p/src/components/email-verification-modal/email-verification-modal.jsx
@@ -81,7 +81,7 @@ const EmailVerificationModal = ({
                 )}
             </Modal.Body>
             {should_show_resend_email_button && should_show_reasons_if_no_email && (
-                <Modal.Footer>
+                <Modal.Footer className='email-verification-modal--footer'>
                     <Button large primary onClick={onClickResendEmailButton}>
                         <Localize i18n_default_text='Resend email' />
                         {/* TODO: Uncomment when time is available in BE response

diff --git a/packages/p2p/src/components/email-verification-modal/email-verification-modal.scss b/packages/p2p/src/components/email-verification-modal/email-verification-modal.scss
@@ -3,10 +3,21 @@
     display: flex;
     flex-direction: column;
 
+    @include mobile {
+        max-height: 80vh;
+        overflow: auto;
+    }
+
     &--email_text {
         margin: 2.4rem 0;
     }
 
+    &--footer {
+        @include mobile {
+            justify-content: center;
+        }
+    }
+
     &--reason {
         display: flex;
         flex-direction: row;