diff options
Diffstat (limited to 'app/components')
| -rw-r--r-- | app/components/HeaderBar.js | 12 | ||||
| -rw-r--r-- | app/components/HeaderBarStyles.js | 14 |
2 files changed, 13 insertions, 13 deletions
diff --git a/app/components/HeaderBar.js b/app/components/HeaderBar.js index ad0a3ba323..254c4e56c0 100644 --- a/app/components/HeaderBar.js +++ b/app/components/HeaderBar.js @@ -42,20 +42,20 @@ export default class HeaderBar extends Component { return ( <View style={ containerClass }> - {!this.props.hidden ? + {!this.props.hidden ? <View style={styles.headerbar__container}> <Img style={ styles.headerbar__logo } source='logo-icon'/> <Text style={styles.headerbar__title}>MULLVAD VPN</Text> - </View> + </View> : null} - - {this.props.showSettings ? + + {this.props.showSettings ? <View style={styles.headerbar__settings}> <Button onPress={ this.props.onSettings }> <Img style={ styles.headerbar__settings } source='icon-settings'/> </Button> - </View> - : null} + </View> + : null} </View> ); } diff --git a/app/components/HeaderBarStyles.js b/app/components/HeaderBarStyles.js index cb803e4308..1e93f5d68e 100644 --- a/app/components/HeaderBarStyles.js +++ b/app/components/HeaderBarStyles.js @@ -10,32 +10,32 @@ const styles = { justifyContent: 'space-between', alignItems: 'center', }), - headerbar__hidden: + headerbar__hidden: Styles.createViewStyle({ paddingTop: 0, paddingBottom: 0, paddingLeft: 0, paddingRight: 0, }), - headerbar__style_defaultDark: + headerbar__style_defaultDark: Styles.createViewStyle({ backgroundColor: '#192E45', }), - headerbar__style_error: + headerbar__style_error: Styles.createViewStyle({ backgroundColor: '#D0021B', }), - headerbar__style_success: + headerbar__style_success: Styles.createViewStyle({ backgroundColor: '#44AD4D', }), - headerbar__container: + headerbar__container: Styles.createViewStyle({ display: 'flex', flexDirection: 'row', alignItems: 'center', }), - headerbar__title: + headerbar__title: Styles.createTextStyle({ fontFamily: 'DINPro', fontSize: 24, @@ -45,7 +45,7 @@ const styles = { color: 'rgba(255,255,255,0.6)', marginLeft: 8, }), - headerbar__logo: + headerbar__logo: Styles.createViewStyle({ height: 50, width: 50, |
