fine tuned login screen scroll to make Sign up text visible on small …

…screen
ecency · Apr 17, 2024 · a64c1bd · a64c1bd
1 parent 6ba1afd
commit a64c1bd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 20 deletions.
diff --git a/src/screens/login/screen/loginScreen.js b/src/screens/login/screen/loginScreen.js
@@ -123,12 +123,6 @@ const LoginScreen = ({
         }}
       />
 
-      <View
-        tabLabel={intl.formatMessage({
-          id: 'login.signin',
-        })}
-        style={styles.tabbarItem}
-      >
         <KeyboardAwareScrollView
           enableAutoAutomaticScroll={Platform.OS === 'ios'}
           contentContainerStyle={styles.formWrapper}
@@ -200,7 +194,7 @@ const LoginScreen = ({
             height={48}
             style={styles.hsLoginBtnStyle}
           />
-        </KeyboardAwareScrollView>
+
         <View style={styles.footerButtons}>
           <Text style={styles.noAccountText}>
             {intl.formatMessage({
@@ -213,7 +207,8 @@ const LoginScreen = ({
             })}
           </Text>
         </View>
-      </View>
+        </KeyboardAwareScrollView>
+
       <Modal
         isOpen={isModalOpen}
         isFullScreen

diff --git a/src/screens/login/screen/loginStyles.js b/src/screens/login/screen/loginStyles.js
@@ -5,16 +5,6 @@ export default EStyleSheet.create({
     flex: 1,
     backgroundColor: '$primaryBackgroundColor',
   },
-  tabbar: {
-    alignSelf: 'center',
-    height: 40,
-    backgroundColor: '$primaryBackgroundColor',
-  },
-  tabbarItem: {
-    // flex: 1,
-    backgroundColor: '$primaryBackgroundColor',
-    minWidth: '$deviceWidth',
-  },
   mainButtonWrapper: {
     position: 'absolute',
     right: 24,
@@ -28,8 +18,8 @@ export default EStyleSheet.create({
     alignItems: 'center',
   },
   formWrapper: {
-    marginHorizontal: 30,
-    marginVertical: 10,
+    paddingHorizontal: 30,
+    paddingVertical: 10,
   },
   input: {
     color: '$primaryDarkText',
@@ -64,6 +54,7 @@ export default EStyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
+    marginVertical:8,
     paddingHorizontal: 24,
     backgroundColor: '$primaryBackgroundColor',
   },