fix: 🔧 personal details screen overlapping (#12718)

binary-com · Jan 5, 2024 · 69134ea · 69134ea · vercel · Jan 5, 2024
1 parent 0124857
commit 69134ea
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/wallets/src/features/accounts/screens/PersonalDetails/PersonalDetails.scss b/packages/wallets/src/features/accounts/screens/PersonalDetails/PersonalDetails.scss
@@ -9,7 +9,8 @@
     padding: 2.4rem;
 
     @include mobile {
-        width: 100%;
+        min-width: 100%;
+        min-height: 100%;
     }
 
     &__header {

diff --git a/packages/wallets/src/features/cfd/flows/Verification/Verification.tsx b/packages/wallets/src/features/cfd/flows/Verification/Verification.tsx
@@ -4,6 +4,7 @@ import { ModalStepWrapper, WalletButton, WalletButtonGroup } from '../../../../c
 import { FlowProvider, TFlowProviderContext } from '../../../../components/FlowProvider';
 import { Loader } from '../../../../components/Loader';
 import { useModal } from '../../../../components/ModalProvider';
+import useDevice from '../../../../hooks/useDevice';
 import { THooks } from '../../../../types';
 import {
     ManualDocumentUpload,
@@ -81,6 +82,7 @@ const Verification: FC<TVerificationProps> = ({ selectedJurisdiction }) => {
     const { data: settings, update: updateSettings } = useSettings();
     const { submitIDVDocuments } = useIdentityDocumentVerificationAdd();
     const { getModalState, hide, show } = useModal();
+    const { isMobile } = useDevice();
 
     const selectedMarketType = getModalState('marketType') ?? 'all';
     const platform = getModalState('platform') ?? PlatformDetails.mt5.platform;
@@ -280,6 +282,7 @@ const Verification: FC<TVerificationProps> = ({ selectedJurisdiction }) => {
                                 : () => (
                                       <WalletButton
                                           disabled={isNextDisabled(context)}
+                                          isFullWidth={isMobile}
                                           isLoading={isNextLoading(context)}
                                           onClick={() => nextFlowHandler(context)}
                                           size='lg'