login screen done

src/components/Background.js

@@ -4,11 +4,11 @@ import React from 'react';
 import { StyleSheet, SafeAreaView, StatusBar } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 
-const Background = ({ children, barcolor = 'light-content', gradientColors = ['#4c669f', '#3b5998', '#192f6a'] }) => {
+const Background = ({ children, barcolor = 'light-content'}) => {
   return (
     <SafeAreaView style={styles.container}>
       <StatusBar barStyle={barcolor} backgroundColor="transparent" translucent />
-      <LinearGradient colors={gradientColors} style={styles.gradient}>
+      <LinearGradient colors={['#E3EBF8', '#ffffff']} start={{ x: 0.5, y: 0 }} end={{ x: 0.5, y: 1 }} style={styles.gradient}>
         {children}
       </LinearGradient>
     </SafeAreaView>
@@ -21,7 +21,6 @@ const styles = StyleSheet.create({
   },
   gradient: {
     flex: 1,
-    paddingHorizontal: 16, // optional padding
   },
 });