aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/instant_heading.tsx
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-10-30 08:48:17 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-10-30 08:48:17 +0800
commit4cba70f32e4300cea7396f08687f2e53a7728e68 (patch)
tree30a22a3943e4fa3ddcb31994ce9f91e2fe24e834 /packages/instant/src/components/instant_heading.tsx
parent475698ed92dc6310591ec9d0653eaa931d7e03f6 (diff)
downloaddexon-sol-tools-4cba70f32e4300cea7396f08687f2e53a7728e68.tar
dexon-sol-tools-4cba70f32e4300cea7396f08687f2e53a7728e68.tar.gz
dexon-sol-tools-4cba70f32e4300cea7396f08687f2e53a7728e68.tar.bz2
dexon-sol-tools-4cba70f32e4300cea7396f08687f2e53a7728e68.tar.lz
dexon-sol-tools-4cba70f32e4300cea7396f08687f2e53a7728e68.tar.xz
dexon-sol-tools-4cba70f32e4300cea7396f08687f2e53a7728e68.tar.zst
dexon-sol-tools-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.tsx5
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}