diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-06 09:19:37 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-06 09:19:37 +0800 |
commit | ecae3f9c4852ba488ab5a0777dae2f7a9c45ddc0 (patch) | |
tree | 38c5a154d0e694565e0bed6142f3b54276482224 /packages/instant/src/components/ui/flex.tsx | |
parent | e4f9ae6ad5a3d6040e4f8c9c8b7a4a05cf22fb51 (diff) | |
download | dexon-0x-contracts-ecae3f9c4852ba488ab5a0777dae2f7a9c45ddc0.tar.gz dexon-0x-contracts-ecae3f9c4852ba488ab5a0777dae2f7a9c45ddc0.tar.zst dexon-0x-contracts-ecae3f9c4852ba488ab5a0777dae2f7a9c45ddc0.zip |
wip: full display of mobile hard coded
Diffstat (limited to 'packages/instant/src/components/ui/flex.tsx')
-rw-r--r-- | packages/instant/src/components/ui/flex.tsx | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/packages/instant/src/components/ui/flex.tsx b/packages/instant/src/components/ui/flex.tsx index 29c6511bb..57abd8b5b 100644 --- a/packages/instant/src/components/ui/flex.tsx +++ b/packages/instant/src/components/ui/flex.tsx @@ -10,6 +10,7 @@ export interface FlexProps { height?: string; backgroundColor?: ColorOption; inline?: boolean; + flexGrow?: number | string; } export const Flex = @@ -19,6 +20,7 @@ export const Flex = display: ${props => (props.inline ? 'inline-flex' : 'flex')}; flex-direction: ${props => props.direction}; flex-wrap: ${props => props.flexWrap}; + ${props => cssRuleIfExists(props, 'flexGrow')} justify-content: ${props => props.justify}; align-items: ${props => props.align}; ${props => cssRuleIfExists(props, 'width')} |