summaryrefslogtreecommitdiffhomepage
path: root/app/components/HeaderBar.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/components/HeaderBar.js')
-rw-r--r--app/components/HeaderBar.js16
1 files changed, 8 insertions, 8 deletions
diff --git a/app/components/HeaderBar.js b/app/components/HeaderBar.js
index 50ab49d39f..6e5864aa0f 100644
--- a/app/components/HeaderBar.js
+++ b/app/components/HeaderBar.js
@@ -31,26 +31,26 @@ export default class HeaderBar extends Component {
render() {
let containerClass = [
styles['headerbar'],
- styles['headerbar__' + process.platform],
- styles['headerbar__style_' + this.props.style]
+ styles[process.platform],
+ styles['style_' + this.props.style]
];
if(this.props.hidden) {
- containerClass.push(styles['headerbar__hidden']);
+ containerClass.push(styles['hidden']);
}
return (
<View style={ containerClass }>
{!this.props.hidden ?
- <View style={styles.headerbar__container} testName="headerbar__container">
- <Img style={ styles.headerbar__logo } source='logo-icon'/>
- <Text style={styles.headerbar__title}>MULLVAD VPN</Text>
+ <View style={styles.container} testName="headerbar__container">
+ <Img height={50} width={50} source='logo-icon'/>
+ <Text style={styles.title}>MULLVAD VPN</Text>
</View>
: null}
{this.props.showSettings ?
- <Button style={ styles.headerbar__settings } onPress={ this.props.onSettings } testName="headerbar__settings">
- <Img source='icon-settings' style={ styles.headerbar__settings_icon } />
+ <Button style={ styles.settings } onPress={ this.props.onSettings } testName="headerbar__settings">
+ <Img height={24} width={24} source='icon-settings' style={ styles.settings_icon } hoverStyle={ styles.settings_icon_hover }/>
</Button>
: null}
</View>