diff --git a/src/views/Wallet/views/AccountReceive/index.js b/src/views/Wallet/views/AccountReceive/index.js index 5b84484d..a197fb3f 100644 --- a/src/views/Wallet/views/AccountReceive/index.js +++ b/src/views/Wallet/views/AccountReceive/index.js @@ -20,6 +20,11 @@ const Wrapper = styled.div` padding-top: 20px; `; +const Label = styled.div` + padding: 25px 0 5px 0; + color: ${colors.TEXT_SECONDARY}; +`; + const StyledH2 = styled(H2)` padding: 20px 48px; `; @@ -31,6 +36,12 @@ const AddressWrapper = styled.div` flex-direction: ${props => (props.isShowingQrCode ? 'column' : 'row')}; `; +const StyledQRCode = styled(QRCode)` + padding: 15px; + margin-top: 0 25px; + border: 1px solid ${colors.BODY}; +`; + const ValueWrapper = styled.div` font-size: ${FONT_SIZE.SMALL}; font-weight: ${FONT_WEIGHT.SMALLEST}; @@ -111,11 +122,6 @@ const EyeButton = styled(Button)` top: 3px; `; -const qrCodeStyle = { - width: 256, - margin: '20px auto', -}; - const AccountReceive = (props: Props) => { const device = props.wallet.selectedDevice; const { @@ -182,19 +188,23 @@ const AccountReceive = (props: Props) => { {address} + > + {address} {isAddressVerifying && ( {account.network} account #{account.index + 1} )} {(addressVerified || addressUnverified) && ( - + + + + )} {!(addressVerified || addressUnverified) && (