diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-28 02:16:00 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-29 02:50:08 +0800 |
commit | 2970e103db963b1ef37924c2724c5b1ca10e14fb (patch) | |
tree | 06e95182a36dedc5379fb4fea19b45b013268640 /packages/website | |
parent | 78333b3026c8e0a13770bfab2341a17d5163592a (diff) | |
download | dexon-0x-contracts-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar dexon-0x-contracts-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.gz dexon-0x-contracts-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.bz2 dexon-0x-contracts-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.lz dexon-0x-contracts-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.xz dexon-0x-contracts-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.zst dexon-0x-contracts-2970e103db963b1ef37924c2724c5b1ca10e14fb.zip |
Fix off center icon in wallet
Diffstat (limited to 'packages/website')
-rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx index b20f3ef4b..4c1d27598 100644 --- a/packages/website/ts/components/wallet/wallet.tsx +++ b/packages/website/ts/components/wallet/wallet.tsx @@ -105,6 +105,9 @@ const styles: Styles = { backgroundColor: colors.walletDefaultItemBackground, minHeight: 85, }, + headerItem: { + minHeight: 60, + }, amountLabel: { fontWeight: 'bold', color: colors.black, @@ -222,7 +225,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> { // https://github.com/palantir/tslint-react/issues/140 // tslint:disable-next-line:jsx-curly-spacing } - style={styles.borderedItem} + style={{ ...styles.borderedItem, ...styles.headerItem }} /> ); } @@ -258,7 +261,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> { <StandardIconRow icon={<Identicon address={userAddress} diameter={ICON_DIMENSION} />} main={main} - style={styles.borderedItem} + style={{ ...styles.borderedItem, ...styles.headerItem }} /> </Link> ); @@ -597,8 +600,8 @@ interface StandardIconRowProps { const StandardIconRow = (props: StandardIconRowProps) => { return ( <div className="flex items-center" style={props.style}> - <div className="p2">{props.icon}</div> - <div className="flex-none pr2 pt2 pb2">{props.main}</div> + <div className="flex items-center px2">{props.icon}</div> + <div className="flex-none pr2">{props.main}</div> <div className="flex-auto" /> <div>{props.accessory}</div> </div> |