diff --git a/src/renderer/component/common/qr-code.jsx b/src/renderer/component/common/qr-code.jsx index 41b506bc5..daf08d9c3 100644 --- a/src/renderer/component/common/qr-code.jsx +++ b/src/renderer/component/common/qr-code.jsx @@ -7,18 +7,16 @@ type Props = { value: string, paddingRight?: boolean, paddingTop?: boolean, - size?: number, }; class QRCode extends React.Component { static defaultProps = { paddingRight: false, paddingTop: false, - size: 128, }; render() { - const { value, paddingRight, paddingTop, size } = this.props; + const { value, paddingRight, paddingTop } = this.props; return (
{ 'qr-code--top-padding': paddingTop, })} > - +
); } diff --git a/src/renderer/component/walletAddress/view.jsx b/src/renderer/component/walletAddress/view.jsx index 208416a2a..1cfc6dd39 100644 --- a/src/renderer/component/walletAddress/view.jsx +++ b/src/renderer/component/walletAddress/view.jsx @@ -67,7 +67,7 @@ class WalletAddress extends React.PureComponent {
- {showQR && } + {showQR && }
diff --git a/src/renderer/scss/_gui.scss b/src/renderer/scss/_gui.scss index c71dbcbb6..8d8bb175e 100644 --- a/src/renderer/scss/_gui.scss +++ b/src/renderer/scss/_gui.scss @@ -356,10 +356,13 @@ p { } .qr-code { + border: 3px solid var(--color-white); + height: 134px; + width: 134px; &.qr-code--right-padding { - padding-right: $spacing-vertical * 2/3; + margin-right: $spacing-vertical * 2/3; } &.qr-code--top-padding { - padding-top: $spacing-vertical * 2/3; + margin-top: $spacing-vertical * 2/3; } }