1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 03:08:30 +00:00

Change style

This commit is contained in:
Vasek Mlejnsky 2018-09-26 15:22:41 +02:00
parent 09b6299908
commit 5a310f4e9b

View File

@ -71,14 +71,18 @@ const ValueWrapper = styled.div`
`; `;
const AddressInfoText = styled.div` const AddressInfoText = styled.div`
display: block; height: 37px;
position: relative;
background: ${colors.WHITE};
z-index: 10001;
width: 100%;
padding: 6px 12px;
transform: translate(-1px, -1px);
margin: 0px 2px; margin: 0px 2px;
padding: 0 14px;
display: block;
position: absolute;
top: 36px;
background: black;
color: ${colors.WHITE};
border-radius: 5px;
line-height: 37px;
z-index: 10001;
transform: translate(-1px, -1px);
`; `;
const ShowAddressButton = styled(Button)` const ShowAddressButton = styled(Button)`
@ -143,9 +147,6 @@ const AccountReceive = (props: Props) => {
<AddressWrapper <AddressWrapper
isShowingQrCode={addressVerified || addressUnverified} isShowingQrCode={addressVerified || addressUnverified}
> >
{isAddressVerifying && (
<AddressInfoText>Confirm address on TREZOR</AddressInfoText>
)}
{((addressVerified || addressUnverified) && !isAddressVerifying) && ( {((addressVerified || addressUnverified) && !isAddressVerifying) && (
<Tooltip <Tooltip
placement="bottomRight" placement="bottomRight"
@ -182,8 +183,11 @@ const AccountReceive = (props: Props) => {
>{address} >{address}
</ValueWrapper> </ValueWrapper>
{isAddressVerifying && ( {isAddressVerifying && (
<AddressInfoText>{account.network} account #{account.index + 1}</AddressInfoText> <AddressInfoText>Check address on your Trezor</AddressInfoText>
)} )}
{/* {isAddressVerifying && (
<AddressInfoText>{account.network} account #{account.index + 1}</AddressInfoText>
)} */}
{(addressVerified || addressUnverified) && ( {(addressVerified || addressUnverified) && (
<QRCode <QRCode
bgColor="#FFFFFF" bgColor="#FFFFFF"