aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/ui/flex.tsx
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-10-30 09:37:23 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-10-30 09:38:23 +0800
commitd0a0af51306bf5e5b46fd8982c70b271212af42f (patch)
tree5e1c9bd7e3068605eca7a859a704c97d280a435b /packages/instant/src/components/ui/flex.tsx
parent4cba70f32e4300cea7396f08687f2e53a7728e68 (diff)
downloaddexon-0x-contracts-d0a0af51306bf5e5b46fd8982c70b271212af42f.tar.gz
dexon-0x-contracts-d0a0af51306bf5e5b46fd8982c70b271212af42f.tar.zst
dexon-0x-contracts-d0a0af51306bf5e5b46fd8982c70b271212af42f.zip
feat: add 'Select Token' UI to asset amount input
Diffstat (limited to 'packages/instant/src/components/ui/flex.tsx')
-rw-r--r--packages/instant/src/components/ui/flex.tsx4
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/instant/src/components/ui/flex.tsx b/packages/instant/src/components/ui/flex.tsx
index 5fa3fc95b..29c6511bb 100644
--- a/packages/instant/src/components/ui/flex.tsx
+++ b/packages/instant/src/components/ui/flex.tsx
@@ -9,14 +9,14 @@ export interface FlexProps {
width?: string;
height?: string;
backgroundColor?: ColorOption;
- className?: string;
+ inline?: boolean;
}
export const Flex =
styled.div <
FlexProps >
`
- display: flex;
+ display: ${props => (props.inline ? 'inline-flex' : 'flex')};
flex-direction: ${props => props.direction};
flex-wrap: ${props => props.flexWrap};
justify-content: ${props => props.justify};