diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:04:03 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:04:03 +0800 |
commit | 316f3e2e766c325bc56260ceb00c1e7a7175adf1 (patch) | |
tree | 262df36b98aff818be6e6a3a382d6e85c6843e63 /packages/instant/src/components/erc20_token_selector.tsx | |
parent | 3395b8d095a62e5baa4c049da98b256ce596d6b9 (diff) | |
download | dexon-sol-tools-316f3e2e766c325bc56260ceb00c1e7a7175adf1.tar dexon-sol-tools-316f3e2e766c325bc56260ceb00c1e7a7175adf1.tar.gz dexon-sol-tools-316f3e2e766c325bc56260ceb00c1e7a7175adf1.tar.bz2 dexon-sol-tools-316f3e2e766c325bc56260ceb00c1e7a7175adf1.tar.lz dexon-sol-tools-316f3e2e766c325bc56260ceb00c1e7a7175adf1.tar.xz dexon-sol-tools-316f3e2e766c325bc56260ceb00c1e7a7175adf1.tar.zst dexon-sol-tools-316f3e2e766c325bc56260ceb00c1e7a7175adf1.zip |
fix: token selector scrolling container height
Diffstat (limited to 'packages/instant/src/components/erc20_token_selector.tsx')
-rw-r--r-- | packages/instant/src/components/erc20_token_selector.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/instant/src/components/erc20_token_selector.tsx b/packages/instant/src/components/erc20_token_selector.tsx index d3224b036..3503ff31a 100644 --- a/packages/instant/src/components/erc20_token_selector.tsx +++ b/packages/instant/src/components/erc20_token_selector.tsx @@ -28,14 +28,14 @@ export class ERC20TokenSelector extends React.Component<ERC20TokenSelectorProps> public render(): React.ReactNode { const { tokens, onTokenSelect } = this.props; return ( - <Container> + <Container height="100%"> <SearchInput placeholder="Search tokens..." width="100%" value={this.state.searchQuery} onChange={this._handleSearchInputChange} /> - <Container overflow="scroll" height={{ default: '390px', sm: '75vh' }} marginTop="10px"> + <Container overflow="scroll" height="calc(100% - 80px)" marginTop="10px"> {_.map(tokens, token => { if (!this._isTokenQueryMatch(token)) { return null; |