aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-06 09:23:09 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-06 09:23:09 +0800
commit188e317504ba788c8a287d4b8da2ed2d6745f97e (patch)
tree0957339b753f9014fffd66f6ad515cf9737fadd5 /packages
parentecae3f9c4852ba488ab5a0777dae2f7a9c45ddc0 (diff)
downloaddexon-0x-contracts-188e317504ba788c8a287d4b8da2ed2d6745f97e.tar.gz
dexon-0x-contracts-188e317504ba788c8a287d4b8da2ed2d6745f97e.tar.zst
dexon-0x-contracts-188e317504ba788c8a287d4b8da2ed2d6745f97e.zip
wip: height 100%
Diffstat (limited to 'packages')
-rw-r--r--packages/instant/src/components/ui/overlay.tsx4
-rw-r--r--packages/instant/src/components/zero_ex_instant_container.tsx2
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>