arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +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';
const Text = styled.span`
font-size: ${FONT_SIZE.SMALLER};
color: ${colors.TEXT_SECONDARY};
`;
const RowAccountWrapper = styled.div`
height: 64px;
@ -24,10 +29,6 @@ const RowAccountWrapper = styled.div`
color: ${colors.TEXT_PRIMARY};
border-top: 1px solid ${colors.DIVIDER};
span {
font-size: ${FONT_SIZE.SMALLER};
color: ${colors.TEXT_SECONDARY};
}
${props => props.isSelected && css`
border-left: ${BORDER_WIDTH.SELECTED} solid ${colors.GREEN_PRIMARY};
@ -53,9 +54,9 @@ const RowAccount = ({
<Row column>
Account #{accountIndex + 1}
{balance ? (
<span>{balance}</span>
<Text>{balance}</Text>
) : (
<span>Loading...</span>
<Text>Loading...</Text>
)}
</Row>
</RowAccountWrapper>