diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-07-03 07:52:20 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-07-03 08:02:11 +0800 |
commit | 73d8a2adf748e06552a1a7a7a188433c4c41095b (patch) | |
tree | 40cf24bb8142d8d392e63ff0b558b9b67fdfe34c /packages/website/ts/components/wallet/wrap_ether_item.tsx | |
parent | 2eede4a09ecd17cade6623b4a770a62bee57a2e8 (diff) | |
download | dexon-sol-tools-73d8a2adf748e06552a1a7a7a188433c4c41095b.tar dexon-sol-tools-73d8a2adf748e06552a1a7a7a188433c4c41095b.tar.gz dexon-sol-tools-73d8a2adf748e06552a1a7a7a188433c4c41095b.tar.bz2 dexon-sol-tools-73d8a2adf748e06552a1a7a7a188433c4c41095b.tar.lz dexon-sol-tools-73d8a2adf748e06552a1a7a7a188433c4c41095b.tar.xz dexon-sol-tools-73d8a2adf748e06552a1a7a7a188433c4c41095b.tar.zst dexon-sol-tools-73d8a2adf748e06552a1a7a7a188433c4c41095b.zip |
Always show the wrap ether row in between ETH and WETH
Diffstat (limited to 'packages/website/ts/components/wallet/wrap_ether_item.tsx')
-rw-r--r-- | packages/website/ts/components/wallet/wrap_ether_item.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/website/ts/components/wallet/wrap_ether_item.tsx b/packages/website/ts/components/wallet/wrap_ether_item.tsx index 851b35f90..2b4cf93fe 100644 --- a/packages/website/ts/components/wallet/wrap_ether_item.tsx +++ b/packages/website/ts/components/wallet/wrap_ether_item.tsx @@ -8,6 +8,7 @@ import * as React from 'react'; import { Blockchain } from 'ts/blockchain'; import { EthAmountInput } from 'ts/components/inputs/eth_amount_input'; import { TokenAmountInput } from 'ts/components/inputs/token_amount_input'; +import { Container } from 'ts/components/ui/container'; import { Dispatcher } from 'ts/redux/dispatcher'; import { colors } from 'ts/style/colors'; import { BlockchainCallErrs, Side, Token } from 'ts/types'; @@ -94,7 +95,7 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther const topLabelText = isWrappingEth ? 'Convert ETH into WETH 1:1' : 'Convert WETH into ETH 1:1'; return ( - <div className="flex" style={{ backgroundColor: colors.walletFocusedItemBackground }}> + <Container className="flex" backgroundColor={colors.walletFocusedItemBackground} paddingTop="25px"> <div>{this._renderIsEthConversionHappeningSpinner()} </div> <div className="flex flex-column"> <div style={styles.topLabel}>{topLabelText}</div> @@ -142,7 +143,7 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther {this._renderErrorMsg()} </div> - </div> + </Container> ); } private _onValueChange(_isValid: boolean, amount?: BigNumber): void { |