arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 03:08:30 +00:00
Code Issues Releases Wiki Activity

span to styled component

Browse Source
This commit is contained in:
Vladimir Volek 2018-08-16 17:08:38 +02:00
parent bd54457fb6
commit 503ba7eaab
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/js/views/Wallet/components/LeftNavigation/NavigationMenu/AccountMenu/index.js
View File

@ -17,6 +17,11 @@ import type { Props } from '../../common';
import Row from '../../Row'; import Row from '../../Row';
const Text = styled.span`
font-size: ${FONT_SIZE.SMALLER};
color: ${colors.TEXT_SECONDARY};
`;
const RowAccountWrapper = styled.div` const RowAccountWrapper = styled.div`
height: 64px; height: 64px;
@ -24,10 +29,6 @@ const RowAccountWrapper = styled.div`
color: ${colors.TEXT_PRIMARY}; color: ${colors.TEXT_PRIMARY};
border-top: 1px solid ${colors.DIVIDER}; border-top: 1px solid ${colors.DIVIDER};
span {
font-size: ${FONT_SIZE.SMALLER};
color: ${colors.TEXT_SECONDARY};
}
${props => props.isSelected && css` ${props => props.isSelected && css`
border-left: ${BORDER_WIDTH.SELECTED} solid ${colors.GREEN_PRIMARY}; border-left: ${BORDER_WIDTH.SELECTED} solid ${colors.GREEN_PRIMARY};
@ -53,9 +54,9 @@ const RowAccount = ({
<Row column> <Row column>
Account #{accountIndex + 1} Account #{accountIndex + 1}
{balance ? ( {balance ? (
<span>{balance}</span> <Text>{balance}</Text>
) : ( ) : (
<span>Loading...</span> <Text>Loading...</Text>
)} )}
</Row> </Row>
</RowAccountWrapper> </RowAccountWrapper>