diff options
-rw-r--r-- | App.tsx | 48 | ||||
-rw-r--r-- | src/assets/sign_in_logo.png | bin | 7298 -> 28865 bytes |
2 files changed, 38 insertions, 10 deletions
@@ -20,6 +20,7 @@ import { TextInput, Button, Alert, + TouchableOpacity, } from 'react-native'; import { @@ -55,20 +56,26 @@ const App = () => { /> <View style={styles.forgotPassword}> <Button - onPress={() => Alert.alert("Tagg! You're it!")} + onPress={() => Alert.alert("tagg! You're it!")} title="Forgot password" color='#FFFFFF' accessibilityLabel="Forgot password button" /> </View> - <View style={styles.startButton}> - <Button - onPress={() => Alert.alert("My favorite Girl Scout Cookies are Taggalongs!")} + {/* <View style={styles.start}> */} + <TouchableOpacity style={styles.start}> + <Text style={styles.startText}>Let's Start!</Text> + </TouchableOpacity> + {/* <Button + onPress={() => Alert.alert("My favorite Girl Scout Cookies are taggalongs!")} title="Let's Start!" color='#FFFFFF' accessibilityLabel="Let's start button" - /> - </View> + /> */} + {/* </View> */} + <Text style={styles.newUser}> + New to tagg? <Text style={styles.getStarted} onPress={() => Alert.alert("I get the tagg flip it and tumble it.")}>Get started!</Text> + </Text> </LinearGradient> </View> </> @@ -86,6 +93,8 @@ const styles = StyleSheet.create({ }, logo: { top: 165, + width: 215, + height: 149 }, credentials: { top: 215, @@ -94,16 +103,35 @@ const styles = StyleSheet.create({ borderRadius: 20, width: 248, height: 40, - padding: 13, + paddingLeft: 13, marginVertical: 15, - fontSize: 15 + fontSize: 15, + color: '#FFFFFF' }, forgotPassword: { top: 200, left: -50 }, - startButton: { - top: 220 + start: { + top: 220, + backgroundColor: '#FFFFFF', + width: 144, + height: 36, + justifyContent: 'center', + alignItems: 'center', + borderRadius: 20 + }, + startText: { + color: '#78A0EF', + fontWeight: 'bold', + fontSize: 15 + }, + getStarted: { + color: '#FFFFFF' + }, + newUser: { + top: 230, + color: '#F4DDFF', } }); diff --git a/src/assets/sign_in_logo.png b/src/assets/sign_in_logo.png Binary files differindex 8fa1aa5a..27e43268 100644 --- a/src/assets/sign_in_logo.png +++ b/src/assets/sign_in_logo.png |