fix button position on tablet

apps/mobile/src/components/AppLoader/index.js

@@ -23,9 +23,7 @@ import PremiumService from '../../services/PremiumService';
 import {editing} from '../../utils';
 import {COLOR_SCHEME_DARK} from '../../utils/Colors';
 import {db} from '../../utils/database';
-import {
-  eOpenLoginDialog, eOpenRateDialog
-} from '../../utils/Events';
+import {eOpenLoginDialog, eOpenRateDialog} from '../../utils/Events';
 import {MMKV} from '../../utils/mmkv';
 import {tabBarRef} from '../../utils/Refs';
 import {SIZE} from '../../utils/SizeUtils';
@@ -52,6 +50,7 @@ const AppLoader = ({onLoad}) => {
   const user = useUserStore(state => state.user);
   const verifyUser = useUserStore(state => state.verifyUser);
   const setVerifyUser = useUserStore(state => state.setVerifyUser);
+  const deviceMode = useSettingStore(state => state.deviceMode);
   const pwdInput = useRef();
 
   const load = async value => {
@@ -234,17 +233,31 @@ const AppLoader = ({onLoad}) => {
             style={{
               flex: 1,
               justifyContent: 'center',
-              width: Platform.OS == 'ios' ? '95%' : '100%',
+              width:
+                deviceMode !== 'mobile'
+                  ? '50%'
+                  : Platform.OS == 'ios'
+                  ? '95%'
+                  : '100%',
               paddingHorizontal: 12
             }}>
-            <Heading>Verify your identity</Heading>
+            <Heading
+              style={{
+                alignSelf: 'center'
+              }}>
+              Verify your identity
+            </Heading>
+
             {user ? (
               <>
-                <Paragraph>
+                <Paragraph
+                  style={{
+                    alignSelf: 'center'
+                  }}>
                   To keep your notes secure, please enter password of the
                   account you are logged in to.
                 </Paragraph>
-                <Seperator half />
+                <Seperator />
                 <Input
                   fwdRef={pwdInput}
                   secureTextEntry
@@ -252,6 +265,7 @@ const AppLoader = ({onLoad}) => {
                   onChangeText={v => (passwordValue = v)}
                   onSubmit={onSubmit}
                 />
+                <Seperator half />
                 <Button
                   title="Unlock"
                   type="accent"
@@ -264,7 +278,10 @@ const AppLoader = ({onLoad}) => {
               </>
             ) : (
               <>
-                <Paragraph>
+                <Paragraph
+                  style={{
+                    alignSelf: 'center'
+                  }}>
                   To keep your notes secure, please unlock app the with
                   biometrics.
                 </Paragraph>