diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-06 09:23:09 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-11-06 09:23:09 +0800 |
commit | 188e317504ba788c8a287d4b8da2ed2d6745f97e (patch) | |
tree | 0957339b753f9014fffd66f6ad515cf9737fadd5 /packages/instant/src/components | |
parent | ecae3f9c4852ba488ab5a0777dae2f7a9c45ddc0 (diff) | |
download | dexon-0x-contracts-188e317504ba788c8a287d4b8da2ed2d6745f97e.tar.gz dexon-0x-contracts-188e317504ba788c8a287d4b8da2ed2d6745f97e.tar.zst dexon-0x-contracts-188e317504ba788c8a287d4b8da2ed2d6745f97e.zip |
wip: height 100%
Diffstat (limited to 'packages/instant/src/components')
-rw-r--r-- | packages/instant/src/components/ui/overlay.tsx | 4 | ||||
-rw-r--r-- | packages/instant/src/components/zero_ex_instant_container.tsx | 2 |
2 files changed, 4 insertions, 2 deletions
diff --git a/packages/instant/src/components/ui/overlay.tsx b/packages/instant/src/components/ui/overlay.tsx index e930ffacd..c4778363d 100644 --- a/packages/instant/src/components/ui/overlay.tsx +++ b/packages/instant/src/components/ui/overlay.tsx @@ -18,7 +18,9 @@ const PlainOverlay: React.StatelessComponent<OverlayProps> = ({ children, classN <Container position="absolute" top="0px" right="0px"> <Icon height={18} width={18} color={ColorOption.white} icon="closeX" onClick={onClose} padding="2em 2em" /> </Container> - <Container height="100%">{children}</Container> + <Container width="100%" height="100%"> + {children} + </Container> </Flex> ); export const Overlay = styled(PlainOverlay)` diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx index cf7a04554..39b2c9c05 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="350px" height="100%" position="relative"> + <Container width="100%" height="100%" position="relative"> <Container zIndex={zIndex.errorPopup} position="relative"> <LatestError /> </Container> |