diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2021-11-26 11:00:31 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2021-12-03 12:02:46 +0100 |
| commit | 25bc1230d151402070a2eefe69e7d00e7b796000 (patch) | |
| tree | 3d102e8140ef71fe86cb12e5047a4b698e29bbcf | |
| parent | e6008e3640172c01c109bdaed7b286121220088a (diff) | |
| download | mullvadvpn-25bc1230d151402070a2eefe69e7d00e7b796000.tar.xz mullvadvpn-25bc1230d151402070a2eefe69e7d00e7b796000.zip | |
Update account token styles in new account view
| -rw-r--r-- | gui/src/renderer/components/ExpiredAccountErrorView.tsx | 5 | ||||
| -rw-r--r-- | gui/src/renderer/components/ExpiredAccountErrorViewStyles.tsx | 6 |
2 files changed, 7 insertions, 4 deletions
diff --git a/gui/src/renderer/components/ExpiredAccountErrorView.tsx b/gui/src/renderer/components/ExpiredAccountErrorView.tsx index d4ac395c2c..0fedb67fdf 100644 --- a/gui/src/renderer/components/ExpiredAccountErrorView.tsx +++ b/gui/src/renderer/components/ExpiredAccountErrorView.tsx @@ -127,7 +127,10 @@ export default class ExpiredAccountErrorView extends React.Component< <StyledAccountTokenMessage> {messages.pgettext('connect-view', 'Here’s your account number. Save it!')} <StyledAccountTokenContainer> - <StyledAccountTokenLabel accountToken={this.props.accountToken || ''} /> + <StyledAccountTokenLabel + accountToken={this.props.accountToken || ''} + obscureValue={false} + /> </StyledAccountTokenContainer> </StyledAccountTokenMessage> diff --git a/gui/src/renderer/components/ExpiredAccountErrorViewStyles.tsx b/gui/src/renderer/components/ExpiredAccountErrorViewStyles.tsx index 8872bbb312..5aa4e6ea63 100644 --- a/gui/src/renderer/components/ExpiredAccountErrorViewStyles.tsx +++ b/gui/src/renderer/components/ExpiredAccountErrorViewStyles.tsx @@ -14,8 +14,8 @@ export const StyledHeader = styled(DefaultHeaderBar)({ export const StyledAccountTokenLabel = styled(AccountTokenLabel)({ fontFamily: 'Open Sans', - lineHeight: '24px', - fontSize: '24px', + lineHeight: '20px', + fontSize: '20px', fontWeight: 800, color: colors.white, }); @@ -80,6 +80,6 @@ export const StyledStatusIcon = styled.div({ export const StyledAccountTokenContainer = styled.div({ display: 'flex', - height: '68px', + height: '50px', alignItems: 'center', }); |