Skip to content
This repository has been archived by the owner on Nov 16, 2020. It is now read-only.

Commit

Permalink
Minor style changes for better scaling
Browse files Browse the repository at this point in the history
  • Loading branch information
NicklasKnell committed Apr 15, 2020
1 parent deed008 commit 61925ef
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 24 deletions.
2 changes: 1 addition & 1 deletion App/components/AlphaNotice.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import {StyleSheet, View, Text} from 'react-native';

const styles = StyleSheet.create({
root: {
backgroundColor: 'red',
backgroundColor: '#FF3E3E',
},
text: {
color: 'white',
Expand Down
51 changes: 28 additions & 23 deletions App/screens/AlphaWarning.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ const styles = StyleSheet.create({
padding: 12,
backgroundColor: 'white',
textAlign: 'center',
justifyContent: 'space-between',
},
logoWrapper: {
marginLeft: 'auto',
Expand All @@ -34,20 +35,27 @@ const styles = StyleSheet.create({
subtitle: {
color: '#595959',
fontSize: 18,
fontWeight: '300',
paddingTop: 12,
paddingBottom: 8,
textAlign: 'center',
fontFamily: 'Ubuntu-R',
fontFamily: 'Ubuntu-L',
},
generalText: {
color: '#595959',
fontSize: 18,
paddingTop: 16,
textAlign: 'center',
fontFamily: 'Ubuntu-R',
fontFamily: 'UbuntuMono-R',
},
githubLink: {
textDecorationLine: 'underline',
},
alphaNoticeRoot: {marginLeft: 'auto', marginRight: 'auto', margin: 16},
alphaNoticeText: {fontSize: 60},
bottomButtonContainer: {
marginBottom: 16,
},
buttonHow: {
backgroundColor: '#91e6d3',
borderRadius: 6,
Expand All @@ -59,36 +67,33 @@ const styles = StyleSheet.create({
fontSize: 14,
fontFamily: 'Ubuntu-M',
},
bottomButtonContainer: {
flex: 1,
justifyContent: 'flex-end',
marginBottom: 16,
},
});

export const AlphaWarning: React.FC<AlphaWarningProps> = ({navigation}) => {
return (
<View style={styles.container}>
<View style={styles.logoWrapper}>
<Text style={styles.logo}>ito</Text>
<Text style={styles.subtitle}>track infections, not people!</Text>
<AlphaNotice
rootStyle={styles.alphaNoticeRoot}
textStyle={styles.alphaNoticeText}
/>
</View>
<View>
<Text style={styles.generalText}>
This version is for demonstration purpose only.
</Text>
<Text style={styles.generalText}>
Not all features are implemented yet nor is everything audited.
</Text>
<Text style={styles.generalText}>
Please review the app, have a look at the code and report issues, bugs
or general feedback at
</Text>
</View>
<Text style={styles.subtitle}>track infections, not people!</Text>
<AlphaNotice
rootStyle={styles.alphaNoticeRoot}
textStyle={styles.alphaNoticeText}
/>
<Text style={styles.generalText}>
This version is for demonstration purpose only.
</Text>
<Text style={styles.generalText}>
Not all features are implemented yet nor is everything audited.
</Text>
<Text style={styles.generalText}>
Please review the app, have a look at the code and report issues, bugs
or general feedback at
</Text>
<Text
style={styles.generalText}
style={[styles.generalText, styles.githubLink]}
onPress={() =>
Linking.openURL('https://github.com/ito-org/react-native-app/issues')
}>
Expand Down

0 comments on commit 61925ef

Please sign in to comment.