diff options
| author | Francesco Agosti <francesco.agosti93@gmail.com> | 2018-10-27 02:14:00 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-10-27 02:14:00 +0800 |
| commit | 4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f (patch) | |
| tree | dbfc6614e901c44d32775b1fe69bb957706c9cf0 /packages/instant/src/components/instant_heading.tsx | |
| parent | d2bf23de71bc2bdfaca14bd7026daa59ca5ef386 (diff) | |
| parent | 30809e646be02025d6f9e9ed0ff214d9ace681c8 (diff) | |
| download | dexon-0x-contracts-4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f.tar dexon-0x-contracts-4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f.tar.gz dexon-0x-contracts-4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f.tar.bz2 dexon-0x-contracts-4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f.tar.lz dexon-0x-contracts-4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f.tar.xz dexon-0x-contracts-4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f.tar.zst dexon-0x-contracts-4c5b26db183f8f9163e043f5dd4bb0ce60e3aa7f.zip | |
Merge pull request #1175 from 0xProject/feature/instant/input-fees-rounding
[instant] Create a ScalingInput component and use it in the amount input and upgrade to styled-components v4
Diffstat (limited to 'packages/instant/src/components/instant_heading.tsx')
| -rw-r--r-- | packages/instant/src/components/instant_heading.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/instant/src/components/instant_heading.tsx b/packages/instant/src/components/instant_heading.tsx index 17ac65429..1ef276ff3 100644 --- a/packages/instant/src/components/instant_heading.tsx +++ b/packages/instant/src/components/instant_heading.tsx @@ -2,7 +2,7 @@ import { BigNumber } from '@0x/utils'; import * as _ from 'lodash'; import * as React from 'react'; -import { SelectedAssetAmountInput } from '../containers/selected_asset_amount_input'; +import { SelectedERC20AssetAmountInput } from '../containers/selected_erc20_asset_amount_input'; import { ColorOption } from '../style/theme'; import { AsyncProcessState, OrderProcessState, OrderState } from '../types'; import { format } from '../util/format'; @@ -48,7 +48,9 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { </Text> </Container> <Flex direction="row" justify="space-between"> - <SelectedAssetAmountInput fontSize="45px" /> + <Flex height="60px"> + <SelectedERC20AssetAmountInput startingFontSizePx={38} /> + </Flex> <Flex direction="column" justify="space-between"> {iconOrAmounts} </Flex> |