diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-07 02:26:39 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-07 02:26:39 +0800 |
| commit | a2bc62b17a773625220817c79265c017cb61979f (patch) | |
| tree | 3c91f602b0d9e11c887920f498093490ced4903f /packages/instant/src/components/zero_ex_instant_container.tsx | |
| parent | f6487122d1ed3dea731adcb6a08165b44c887282 (diff) | |
| download | dexon-sol-tools-a2bc62b17a773625220817c79265c017cb61979f.tar dexon-sol-tools-a2bc62b17a773625220817c79265c017cb61979f.tar.gz dexon-sol-tools-a2bc62b17a773625220817c79265c017cb61979f.tar.bz2 dexon-sol-tools-a2bc62b17a773625220817c79265c017cb61979f.tar.lz dexon-sol-tools-a2bc62b17a773625220817c79265c017cb61979f.tar.xz dexon-sol-tools-a2bc62b17a773625220817c79265c017cb61979f.tar.zst dexon-sol-tools-a2bc62b17a773625220817c79265c017cb61979f.zip | |
feat(instant): when on mobile, show mobile specific styling that takes up whole screen
Diffstat (limited to 'packages/instant/src/components/zero_ex_instant_container.tsx')
| -rw-r--r-- | packages/instant/src/components/zero_ex_instant_container.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx index 39b2c9c05..88c838567 100644 --- a/packages/instant/src/components/zero_ex_instant_container.tsx +++ b/packages/instant/src/components/zero_ex_instant_container.tsx @@ -26,7 +26,7 @@ export class ZeroExInstantContainer extends React.Component<ZeroExInstantContain }; public render(): React.ReactNode { return ( - <Container width="100%" height="100%" position="relative"> + <Container width="350px" smallWidth="100%" smallHeight="100%" position="relative"> <Container zIndex={zIndex.errorPopup} position="relative"> <LatestError /> </Container> @@ -37,9 +37,9 @@ export class ZeroExInstantContainer extends React.Component<ZeroExInstantContain borderRadius="3px" hasBoxShadow={true} overflow="hidden" - height="100%" + smallHeight="100%" > - <Flex direction="column" height="100%" justify="flex-start"> + <Flex direction="column" smallHeight="100%" justify="flex-start"> <SelectedAssetInstantHeading onSelectAssetClick={this._handleSymbolClick} /> <SelectedAssetBuyOrderProgress /> <LatestBuyQuoteOrderDetails /> |