diff options
| author | Steve Klebanoff <steve@0xproject.com> | 2018-11-08 09:40:35 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-11-08 09:40:35 +0800 |
| commit | 771f8a6a6cff935631e8c6ebcdc012cdd3533de6 (patch) | |
| tree | 2666ceb3a5868242d13c33a6f7b96eb52172593c /packages/instant/src/components/ui/overlay.tsx | |
| parent | 95b2898b9c0898c7e2d98ee603bff0604bf2a829 (diff) | |
| parent | c6e7ad5a53a267dfe1ca6ecf2b9d2252fbad18ea (diff) | |
| download | dexon-sol-tools-771f8a6a6cff935631e8c6ebcdc012cdd3533de6.tar dexon-sol-tools-771f8a6a6cff935631e8c6ebcdc012cdd3533de6.tar.gz dexon-sol-tools-771f8a6a6cff935631e8c6ebcdc012cdd3533de6.tar.bz2 dexon-sol-tools-771f8a6a6cff935631e8c6ebcdc012cdd3533de6.tar.lz dexon-sol-tools-771f8a6a6cff935631e8c6ebcdc012cdd3533de6.tar.xz dexon-sol-tools-771f8a6a6cff935631e8c6ebcdc012cdd3533de6.tar.zst dexon-sol-tools-771f8a6a6cff935631e8c6ebcdc012cdd3533de6.zip | |
Merge pull request #1219 from 0xProject/feature/instant/mobile-full-bleed
[instant] Mobile full view
Diffstat (limited to 'packages/instant/src/components/ui/overlay.tsx')
| -rw-r--r-- | packages/instant/src/components/ui/overlay.tsx | 6 |
1 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 f1706c874..7110ee70f 100644 --- a/packages/instant/src/components/ui/overlay.tsx +++ b/packages/instant/src/components/ui/overlay.tsx @@ -15,10 +15,12 @@ export interface OverlayProps { const PlainOverlay: React.StatelessComponent<OverlayProps> = ({ children, className, onClose }) => ( <Flex height="100vh" className={className}> - <Container position="absolute" top="0px" right="0px"> + <Container position="absolute" top="0px" right="0px" display={{ default: 'initial', sm: 'none' }}> <Icon height={18} width={18} color={ColorOption.white} icon="closeX" onClick={onClose} padding="2em 2em" /> </Container> - <div>{children}</div> + <Container width={{ default: 'auto', sm: '100%' }} height={{ default: 'auto', sm: '100%' }}> + {children} + </Container> </Flex> ); export const Overlay = styled(PlainOverlay)` |