diff options
| author | anderklander <anderklander@gmail.com> | 2017-11-14 19:00:02 +0100 |
|---|---|---|
| committer | Erik Larkö <erik@mullvad.net> | 2017-12-14 09:16:50 +0100 |
| commit | 7f2938805fc0d10599381dfa9775ec3831af0a1e (patch) | |
| tree | dbbe7677ad4ec5192365035c069f4206bf1dc631 /app/components/HeaderBarStyles.js | |
| parent | ed657f7892eb9263e15a0cf2ffb0caa60b32491c (diff) | |
| download | mullvadvpn-7f2938805fc0d10599381dfa9775ec3831af0a1e.tar.xz mullvadvpn-7f2938805fc0d10599381dfa9775ec3831af0a1e.zip | |
cosmetics
Diffstat (limited to 'app/components/HeaderBarStyles.js')
| -rw-r--r-- | app/components/HeaderBarStyles.js | 90 |
1 files changed, 53 insertions, 37 deletions
diff --git a/app/components/HeaderBarStyles.js b/app/components/HeaderBarStyles.js index 6823d48de6..cb803e4308 100644 --- a/app/components/HeaderBarStyles.js +++ b/app/components/HeaderBarStyles.js @@ -2,46 +2,62 @@ import { Styles } from 'reactxp'; const styles = { - headerbar:Styles.createViewStyle({ - padding: 12, - backgroundColor: '#294D73', - flexDirection: 'row', - justifyContent: 'space-between', - alignItems: 'center', -}),headerbar__hidden: Styles.createViewStyle({ - paddingTop: 0, - paddingBottom: 0, - paddingLeft: 0, - paddingRight: 0, -}),headerbar__style_defaultDark: Styles.createViewStyle({ - backgroundColor: '#192E45', -}),headerbar__style_error: Styles.createViewStyle({ - backgroundColor: '#D0021B', -}),headerbar__style_success: Styles.createViewStyle({ - backgroundColor: '#44AD4D', -}),headerbar__container: Styles.createViewStyle({ - display: 'flex', - flexDirection: 'row', - alignItems: 'center', -}),headerbar__title: Styles.createTextStyle({ - fontFamily: 'DINPro', - fontSize: 24, - fontWeight: '900', - lineHeight: 30, - letterSpacing: -0.5, - color: 'rgba(255,255,255,0.6)', - marginLeft: 8, -}),headerbar__logo: Styles.createViewStyle({ - height: 50, - width: 50, -}),headerbar__settings: Styles.createViewStyle({ - width: 24, - height: 24, - backgroundColor: 'transparent', + headerbar: + Styles.createViewStyle({ + padding: 12, + backgroundColor: '#294D73', + flexDirection: 'row', + justifyContent: 'space-between', + alignItems: 'center', + }), + headerbar__hidden: + Styles.createViewStyle({ + paddingTop: 0, + paddingBottom: 0, + paddingLeft: 0, + paddingRight: 0, + }), + headerbar__style_defaultDark: + Styles.createViewStyle({ + backgroundColor: '#192E45', + }), + headerbar__style_error: + Styles.createViewStyle({ + backgroundColor: '#D0021B', + }), + headerbar__style_success: + Styles.createViewStyle({ + backgroundColor: '#44AD4D', + }), + headerbar__container: + Styles.createViewStyle({ + display: 'flex', + flexDirection: 'row', + alignItems: 'center', + }), + headerbar__title: + Styles.createTextStyle({ + fontFamily: 'DINPro', + fontSize: 24, + fontWeight: '900', + lineHeight: 30, + letterSpacing: -0.5, + color: 'rgba(255,255,255,0.6)', + marginLeft: 8, + }), + headerbar__logo: + Styles.createViewStyle({ + height: 50, + width: 50, + }), + headerbar__settings: + Styles.createViewStyle({ + width: 24, + height: 24, + backgroundColor: 'transparent', marginLeft: -6, //Because of button.css, when removed remove this marginTop: -1, //Because of button.css, when removed remove this }) }; - module.exports = styles;
\ No newline at end of file |
