aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--App.tsx48
-rw-r--r--src/assets/sign_in_logo.pngbin7298 -> 28865 bytes
2 files changed, 38 insertions, 10 deletions
diff --git a/App.tsx b/App.tsx
index e58025b7..2b9e8172 100644
--- a/App.tsx
+++ b/App.tsx
@@ -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
index 8fa1aa5a..27e43268 100644
--- a/src/assets/sign_in_logo.png
+++ b/src/assets/sign_in_logo.png
Binary files differ