diff options
| -rw-r--r-- | ios/Frontend/Info.plist | 2 | ||||
| -rw-r--r-- | src/assets/images/welcome.png | bin | 304406 -> 415560 bytes | |||
| -rw-r--r-- | src/screens/onboarding/Login.tsx | 13 | ||||
| -rw-r--r-- | src/screens/onboarding/WelcomeScreen.tsx | 24 |
4 files changed, 22 insertions, 17 deletions
diff --git a/ios/Frontend/Info.plist b/ios/Frontend/Info.plist index 0f036f56..dd9ebb83 100644 --- a/ios/Frontend/Info.plist +++ b/ios/Frontend/Info.plist @@ -53,7 +53,7 @@ <key>NSMainNibFile</key> <string>LaunchScreen</string> <key>NSPhotoLibraryUsageDescription</key> - <string>Tagg would like to access your photos.</string> + <string>This lets you share photos from your library and select profile displays</string> <key>UIAppFonts</key> <array> <string>Feather.ttf</string> diff --git a/src/assets/images/welcome.png b/src/assets/images/welcome.png Binary files differindex 46ab4f9f..62b46077 100644 --- a/src/assets/images/welcome.png +++ b/src/assets/images/welcome.png diff --git a/src/screens/onboarding/Login.tsx b/src/screens/onboarding/Login.tsx index 8974e000..63296ede 100644 --- a/src/screens/onboarding/Login.tsx +++ b/src/screens/onboarding/Login.tsx @@ -31,7 +31,7 @@ import { import {OnboardingStackParams} from '../../routes/onboarding'; import {fcmService} from '../../services'; import {BackgroundGradientType, UserType} from '../../types'; -import {userLogin} from '../../utils'; +import {normalize, userLogin} from '../../utils'; type VerificationScreenRouteProp = RouteProp<OnboardingStackParams, 'Login'>; type VerificationScreenNavigationProp = StackNavigationProp< @@ -322,13 +322,16 @@ const styles = StyleSheet.create({ marginBottom: '10%', }, forgotPassword: { - marginTop: 10, - marginBottom: 15, + alignSelf: 'flex-start', + marginVertical: '1%', + borderBottomWidth: 1, + paddingBottom: '1%', + left: '3%', + borderBottomColor: 'white', }, forgotPasswordText: { - fontSize: 14, + fontSize: normalize(14), color: '#fff', - textDecorationLine: 'underline', }, start: { width: 144, diff --git a/src/screens/onboarding/WelcomeScreen.tsx b/src/screens/onboarding/WelcomeScreen.tsx index 96d3f929..7e18cb99 100644 --- a/src/screens/onboarding/WelcomeScreen.tsx +++ b/src/screens/onboarding/WelcomeScreen.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import {StyleSheet, View, Text, Image, TouchableOpacity} from 'react-native'; -import {SCREEN_WIDTH} from '../../utils'; +import {normalize, SCREEN_WIDTH} from '../../utils'; import {Background} from '../../components'; import {OnboardingStackParams} from '../../routes'; import {StackNavigationProp} from '@react-navigation/stack'; @@ -29,7 +29,7 @@ const WelcomeScreen: React.FC<WelcomeScreenProps> = ({navigation}) => { /> <View> - <Text style={styles.header}>Welcome to TAGG!</Text> + <Text style={styles.header}>Welcome to Tagg!</Text> <Text style={styles.subtext}> Tagg is the new social networking platform for you! It will help you create your own personalized digital space where you can express who @@ -53,26 +53,28 @@ const styles = StyleSheet.create({ flexDirection: 'column', justifyContent: 'center', alignItems: 'center', + marginTop: '10%', }, image: { - width: SCREEN_WIDTH, - height: SCREEN_WIDTH, + width: SCREEN_WIDTH * 0.9, + height: SCREEN_WIDTH * 0.9, }, header: { color: '#fff', - fontSize: 32, - fontWeight: '600', + fontSize: normalize(28), + fontWeight: '700', textAlign: 'center', marginBottom: '4%', marginHorizontal: '10%', }, subtext: { color: '#fff', - fontSize: 16, - fontWeight: '600', + fontSize: normalize(17), + fontWeight: '500', textAlign: 'center', - marginBottom: '15%', + marginBottom: '10%', marginHorizontal: '10%', + lineHeight: normalize(25), }, nextButton: { backgroundColor: '#8F01FF', @@ -86,8 +88,8 @@ const styles = StyleSheet.create({ marginBottom: '15%', }, nextButtonLabel: { - fontSize: 30, - fontWeight: '500', + fontSize: normalize(20), + fontWeight: '700', color: '#ddd', }, }); |
