Commit 3ec72e92 authored by Wietse Kuipers's avatar Wietse Kuipers
Browse files

Merge branch 'feature/better-error' into 'master'

Improve the UI of the error screen

See merge request thalia/ThaliApp-react!119
parents 210fe70a 2114d01e
...@@ -4,14 +4,14 @@ import PropTypes from 'prop-types'; ...@@ -4,14 +4,14 @@ import PropTypes from 'prop-types';
import styles from './style/errorScreen'; import styles from './style/errorScreen';
const smiley = require('../img/smiley.png'); const cloud = require('../img/sad_cloud.png');
const ErrorScreen = props => ( const ErrorScreen = props => (
<View <View
style={styles.content} style={styles.content}
> >
<Image <Image
source={smiley} source={cloud}
style={styles.image} style={styles.image}
/> />
<Text style={styles.text}>{props.message}</Text> <Text style={styles.text}>{props.message}</Text>
......
...@@ -10,7 +10,8 @@ const styles = create({ ...@@ -10,7 +10,8 @@ const styles = create({
image: { image: {
width: 200, width: 200,
height: 200, height: 200,
marginBottom: 30, marginBottom: 32,
resizeMode: 'contain',
}, },
text: { text: {
android: { android: {
...@@ -20,8 +21,8 @@ const styles = create({ ...@@ -20,8 +21,8 @@ const styles = create({
fontFamily: 'System', fontFamily: 'System',
fontWeight: '500', fontWeight: '500',
}, },
fontSize: 18, fontSize: 16,
color: colors.textColour, color: colors.gray,
textAlign: 'center', textAlign: 'center',
}, },
}); });
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment