From fc6d7f5cc1d896d4653214f360f660e1a749f2e3 Mon Sep 17 00:00:00 2001 From: Vasek Mlejnsky Date: Thu, 27 Sep 2018 10:52:15 +0200 Subject: [PATCH] Add an up arrow to a notification --- .../Wallet/views/AccountReceive/index.js | 30 ++++++++++++++++--- 1 file changed, 26 insertions(+), 4 deletions(-) diff --git a/src/views/Wallet/views/AccountReceive/index.js b/src/views/Wallet/views/AccountReceive/index.js index 2cdbc9cb..c3864b60 100644 --- a/src/views/Wallet/views/AccountReceive/index.js +++ b/src/views/Wallet/views/AccountReceive/index.js @@ -70,13 +70,26 @@ const ValueWrapper = styled.div` `}; `; +const ArrowUp = styled.div` + position: absolute; + top: 30px; + left: 70px; + width: 0; + height: 0; + border-left: 9px solid transparent; + border-right: 9px solid transparent; + border-bottom: 9px solid black; + z-index: 10001; +`; + const AddressInfoText = styled.div` + display: flex; + align-items: center; height: 37px; margin: 0px 2px; - padding: 0 14px; - display: block; + padding: 0 14px 0 5px; position: absolute; - top: 36px; + top: 39px; background: black; color: ${colors.WHITE}; border-radius: 5px; @@ -183,7 +196,16 @@ const AccountReceive = (props: Props) => { >{address} {isAddressVerifying && ( - Check address on your Trezor + + + + + Check address on your Trezor + + )} {/* {isAddressVerifying && ( {account.network} account #{account.index + 1}