fix: style

deriv-com · Jan 21, 2025 · d76faaa · d76faaa
1 parent fbcf49a
commit d76faaa
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/packages/account/src/Sections/Security/Passwords/deriv-email.tsx b/packages/account/src/Sections/Security/Passwords/deriv-email.tsx
@@ -106,8 +106,8 @@ const DerivEmail = observer(() => {
                     width='440px'
                     height='200px'
                 >
-                    <div className='unhandled-error'>
-                        <Text className='account__email-error_text' as='p' line_height='xxl' size='xs'>
+                    <div className='account__email-unhandled-error'>
+                        <Text className='account__email-unhandled-error-error_text' as='p' size='xs'>
                             {(error as VerifyEmailError)?.code === 'EmailChangeFailP2PActive' ? (
                                 <Localize i18n_default_text='Complete P2P orders and deactivate ads to proceed.' />
                             ) : (

diff --git a/packages/account/src/Styles/account.scss b/packages/account/src/Styles/account.scss
@@ -726,9 +726,27 @@ $MIN_HEIGHT_FLOATING: calc(
                 }
             }
         }
-        &-error_text {
-            align-self: flex-start;
-            padding-left: 2.4rem;
+
+        &-unhandled-error {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            padding: 0.8rem 0;
+            .dc-btn {
+                margin-top: 2.4rem;
+            }
+            &-error_text {
+                align-self: flex-start;
+                padding-left: 2.4rem;
+            }
+            @include mobile {
+                height: calc(100vh - 80px);
+                padding: 0.4rem 0;
+                .dc-btn {
+                    margin-top: 1.6rem;
+                }
+            }
         }
     }