diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2020-03-18 09:57:09 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2020-03-19 13:22:22 +0100 |
| commit | d0b9be5efae4f41f05c2774f6066d6d0d7ac9d75 (patch) | |
| tree | eeca206297ce749346b7b6c257fbfa38f0acb184 /gui/src | |
| parent | 583a3fc01505993afc30903ea30b1a217e2f1f82 (diff) | |
| download | mullvadvpn-d0b9be5efae4f41f05c2774f6066d6d0d7ac9d75.tar.xz mullvadvpn-d0b9be5efae4f41f05c2774f6066d6d0d7ac9d75.zip | |
Switch to new logo in desktop app
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/ErrorBoundary.tsx | 4 | ||||
| -rw-r--r-- | gui/src/renderer/components/HeaderBar.tsx | 7 | ||||
| -rw-r--r-- | gui/src/renderer/components/Launch.tsx | 4 |
3 files changed, 9 insertions, 6 deletions
diff --git a/gui/src/renderer/components/ErrorBoundary.tsx b/gui/src/renderer/components/ErrorBoundary.tsx index abd5b53b6e..443eb6943a 100644 --- a/gui/src/renderer/components/ErrorBoundary.tsx +++ b/gui/src/renderer/components/ErrorBoundary.tsx @@ -24,7 +24,7 @@ const styles = { backgroundColor: colors.blue, }), logo: Styles.createViewStyle({ - marginBottom: 4, + marginBottom: 5, }), title: Styles.createTextStyle({ fontFamily: 'DINPro', @@ -76,7 +76,7 @@ export default class ErrorBoundary extends Component<IProps, IState> { <Layout> <Container> <View style={styles.container}> - <ImageView height={120} width={120} source="logo-icon" style={styles.logo} /> + <ImageView height={106} width={106} source="logo-icon" style={styles.logo} /> <Text style={styles.title}>{messages.pgettext('generic', 'MULLVAD VPN')}</Text> <Text style={styles.subtitle}>{reachBackMessage}</Text> </View> diff --git a/gui/src/renderer/components/HeaderBar.tsx b/gui/src/renderer/components/HeaderBar.tsx index 8698bdf3ff..912df6a01c 100644 --- a/gui/src/renderer/components/HeaderBar.tsx +++ b/gui/src/renderer/components/HeaderBar.tsx @@ -78,6 +78,9 @@ const brandStyles = { flexDirection: 'row', alignItems: 'center', }), + icon: Styles.createViewStyle({ + marginLeft: 6, + }), title: Styles.createTextStyle({ fontFamily: 'DINPro', fontSize: 24, @@ -85,7 +88,7 @@ const brandStyles = { lineHeight: 30, letterSpacing: -0.5, color: colors.white80, - marginLeft: 8, + marginLeft: 9, }), }; @@ -93,7 +96,7 @@ export class Brand extends Component { public render() { return ( <View style={brandStyles.container}> - <ImageView width={50} height={50} source="logo-icon" /> + <ImageView width={44} height={44} source="logo-icon" style={brandStyles.icon} /> <Text style={brandStyles.title}>{messages.pgettext('generic', 'MULLVAD VPN')}</Text> </View> ); diff --git a/gui/src/renderer/components/Launch.tsx b/gui/src/renderer/components/Launch.tsx index 8ebc3f6cbf..3c1843fea9 100644 --- a/gui/src/renderer/components/Launch.tsx +++ b/gui/src/renderer/components/Launch.tsx @@ -15,7 +15,7 @@ const styles = { marginTop: -150, }), logo: Styles.createViewStyle({ - marginBottom: 4, + marginBottom: 5, }), title: Styles.createTextStyle({ fontFamily: 'DINPro', @@ -47,7 +47,7 @@ export default class Launch extends Component<IProps> { </Header> <Container> <View style={styles.container}> - <ImageView height={120} width={120} source="logo-icon" style={styles.logo} /> + <ImageView height={106} width={106} source="logo-icon" style={styles.logo} /> <Text style={styles.title}>{messages.pgettext('generic', 'MULLVAD VPN')}</Text> <Text style={styles.subtitle}> {messages.pgettext('launch-view', 'Connecting to Mullvad system service...')} |