diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-07 06:05:49 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-07 06:05:49 +0800 |
commit | 006a13448fc5d79aa8f6d04ac3f471e430dcfa89 (patch) | |
tree | 8a8e3bbe73704b81529fa3ff550f3a227030d7c5 /packages/instant/src/components/zero_ex_instant_container.tsx | |
parent | 88c7d907fa97f7918b82df8c1759b43c28c7273b (diff) | |
download | dexon-sol-tools-006a13448fc5d79aa8f6d04ac3f471e430dcfa89.tar dexon-sol-tools-006a13448fc5d79aa8f6d04ac3f471e430dcfa89.tar.gz dexon-sol-tools-006a13448fc5d79aa8f6d04ac3f471e430dcfa89.tar.bz2 dexon-sol-tools-006a13448fc5d79aa8f6d04ac3f471e430dcfa89.tar.lz dexon-sol-tools-006a13448fc5d79aa8f6d04ac3f471e430dcfa89.tar.xz dexon-sol-tools-006a13448fc5d79aa8f6d04ac3f471e430dcfa89.tar.zst dexon-sol-tools-006a13448fc5d79aa8f6d04ac3f471e430dcfa89.zip |
new MediaChoice approach for setting conditional css properties
Diffstat (limited to 'packages/instant/src/components/zero_ex_instant_container.tsx')
-rw-r--r-- | packages/instant/src/components/zero_ex_instant_container.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx index 2d8c5bdb0..679ca793f 100644 --- a/packages/instant/src/components/zero_ex_instant_container.tsx +++ b/packages/instant/src/components/zero_ex_instant_container.tsx @@ -12,7 +12,6 @@ import { ColorOption } from '../style/theme'; import { zIndex } from '../style/z_index'; import { SlideAnimationState } from './animations/slide_animation'; -import { Sandbox } from './sandbox'; import { SlidingPanel } from './sliding_panel'; import { Container, Flex } from './ui'; @@ -27,8 +26,11 @@ export class ZeroExInstantContainer extends React.Component<ZeroExInstantContain }; public render(): React.ReactNode { return ( - <Container width="350px" smallWidth="100%" smallHeight="100%" position="relative"> - <Sandbox width={{ default: '300px', sm: '5px', md: '900px' }}>Test</Sandbox> + <Container + width={{ default: '350px', sm: '100%' }} + height={{ default: 'auto', sm: '100%' }} + position="relative" + > <Container zIndex={zIndex.errorPopup} position="relative"> <LatestError /> </Container> @@ -39,9 +41,9 @@ export class ZeroExInstantContainer extends React.Component<ZeroExInstantContain borderRadius="3px" hasBoxShadow={true} overflow="hidden" - smallHeight="100%" + height={{ default: 'auto', sm: '100%' }} > - <Flex direction="column" smallHeight="100%" justify="flex-start"> + <Flex direction="column" height={{ default: 'auto', sm: '100%' }} justify="flex-start"> <SelectedAssetInstantHeading onSelectAssetClick={this._handleSymbolClick} /> <SelectedAssetBuyOrderProgress /> <LatestBuyQuoteOrderDetails /> |