aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/wallet
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-28 02:16:00 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-29 02:50:08 +0800
commit2970e103db963b1ef37924c2724c5b1ca10e14fb (patch)
tree06e95182a36dedc5379fb4fea19b45b013268640 /packages/website/ts/components/wallet
parent78333b3026c8e0a13770bfab2341a17d5163592a (diff)
downloaddexon-sol-tools-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar
dexon-sol-tools-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.gz
dexon-sol-tools-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.bz2
dexon-sol-tools-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.lz
dexon-sol-tools-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.xz
dexon-sol-tools-2970e103db963b1ef37924c2724c5b1ca10e14fb.tar.zst
dexon-sol-tools-2970e103db963b1ef37924c2724c5b1ca10e14fb.zip
Fix off center icon in wallet
Diffstat (limited to 'packages/website/ts/components/wallet')
-rw-r--r--packages/website/ts/components/wallet/wallet.tsx11
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>