diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-30 08:48:17 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-30 08:48:17 +0800 |
commit | 4cba70f32e4300cea7396f08687f2e53a7728e68 (patch) | |
tree | 30a22a3943e4fa3ddcb31994ce9f91e2fe24e834 /packages/instant/src/components/instant_heading.tsx | |
parent | 475698ed92dc6310591ec9d0653eaa931d7e03f6 (diff) | |
download | dexon-0x-contracts-4cba70f32e4300cea7396f08687f2e53a7728e68.tar.gz dexon-0x-contracts-4cba70f32e4300cea7396f08687f2e53a7728e68.tar.zst dexon-0x-contracts-4cba70f32e4300cea7396f08687f2e53a7728e68.zip |
feat: add chevron icon and add it to asset amount input
Diffstat (limited to 'packages/instant/src/components/instant_heading.tsx')
-rw-r--r-- | packages/instant/src/components/instant_heading.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/packages/instant/src/components/instant_heading.tsx b/packages/instant/src/components/instant_heading.tsx index 81aa62a77..00c45ba3a 100644 --- a/packages/instant/src/components/instant_heading.tsx +++ b/packages/instant/src/components/instant_heading.tsx @@ -21,7 +21,7 @@ export interface InstantHeadingProps { const PLACEHOLDER_COLOR = ColorOption.white; const ICON_WIDTH = 34; const ICON_HEIGHT = 34; -const ICON_COLOR = ColorOption.white; +const ICON_COLOR = 'white'; export class InstantHeading extends React.Component<InstantHeadingProps, {}> { public render(): React.ReactNode { @@ -48,6 +48,9 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> { <Flex direction="row" justify="space-between"> <Flex height="60px"> <SelectedERC20AssetAmountInput startingFontSizePx={38} /> + <Container marginLeft="5px"> + <Icon icon="chevron" width={12} /> + </Container> </Flex> <Flex direction="column" justify="space-between"> {iconOrAmounts} |