style: 🎨 resolved issue with onfido container for mobile

likhith-deriv · May 2, 2023 · 0811751 · 0811751
1 parent e5e882e
commit 0811751
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/account/src/Sections/Verification/ProofOfIdentity/onfido-sdk-view.jsx b/packages/account/src/Sections/Verification/ProofOfIdentity/onfido-sdk-view.jsx
@@ -287,6 +287,7 @@ const OnfidoSdkView = ({
                         className={classNames({
                             'onfido-container__disabled': is_onfido_disabled,
                             'onfido-container__hidden': component_to_load,
+                            'onfido-container__layout': isMobile(),
                         })}
                     />
                 </div>

diff --git a/packages/core/src/sass/app/_common/components/onfido-container.scss b/packages/core/src/sass/app/_common/components/onfido-container.scss
@@ -16,8 +16,12 @@
     &__info-message {
         position: absolute;
         top: 2.4rem;
-        right: 25%;
+        left: 25%;
         z-index: 1;
+        @include mobile {
+            top: 1.6rem;
+            left: 5rem;
+        }
     }
 
     &__status-message {
@@ -39,6 +43,11 @@
             text-align: center;
         }
     }
+
+    &__layout {
+        width: 98vw;
+        height: 100vh;
+    }
 }
 
 .account-form {