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

Better account title

Browse Source
This commit is contained in:
Vladimir Volek 2018-10-19 01:10:24 +02:00 committed by Szymon Lesisz
parent d8a4e9fed9
commit fa5fbf8903
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/config/variables.js
View File

@ -3,6 +3,7 @@ export const FONT_SIZE = {
SMALLER: '12px', SMALLER: '12px',
SMALL: '14px', SMALL: '14px',
BASE: '16px', BASE: '16px',
WALLET_TITLE: '18px',
TOP_MENU: '17px', TOP_MENU: '17px',
BIG: '21px', BIG: '21px',
BIGGER: '32px', BIGGER: '32px',

12
src/views/Wallet/views/Account/Summary/index.js
View File

@ -13,10 +13,11 @@ import Content from 'views/Wallet/components/Content';
import CoinLogo from 'components/images/CoinLogo'; import CoinLogo from 'components/images/CoinLogo';
import * as stateUtils from 'reducers/utils'; import * as stateUtils from 'reducers/utils';
import Link from 'components/Link'; import Link from 'components/Link';
import { FONT_WEIGHT, FONT_SIZE } from 'config/variables';
import AccountBalance from './components/Balance'; import AccountBalance from './components/Balance';
import AddedToken from './components/Token'; import AddedToken from './components/Token';
import type { Props } from './Container'; import { Props } from './Container';
const AccountHeading = styled.div` const AccountHeading = styled.div`
padding: 0 0 30px 0; padding: 0 0 30px 0;
@ -38,9 +39,16 @@ const StyledTooltip = styled(Tooltip)`
const AccountName = styled.div` const AccountName = styled.div`
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
`; `;
const AccountTitle = styled.div`
font-size: ${FONT_SIZE.WALLET_TITLE};
font-weight: ${FONT_WEIGHT.BASE};
color: ${colors.WALLET_TITLE};
`;
const StyledCoinLogo = styled(CoinLogo)` const StyledCoinLogo = styled(CoinLogo)`
margin-right: 10px; margin-right: 10px;
`; `;
@ -82,7 +90,7 @@ const AccountSummary = (props: Props) => {
<AccountHeading> <AccountHeading>
<AccountName> <AccountName>
<StyledCoinLogo network={account.network} /> <StyledCoinLogo network={account.network} />
<H2>Account #{parseInt(account.index, 10) + 1}</H2> <AccountTitle>Account #{parseInt(account.index, 10) + 1}</AccountTitle>
</AccountName> </AccountName>
<Link href={explorerLink} isGray>See full transaction history</Link> <Link href={explorerLink} isGray>See full transaction history</Link>
</AccountHeading> </AccountHeading>