Add stable CSS classes

This commit is contained in:
Steve Klebanoff
2018-11-26 17:13:35 -08:00
parent 1b96867df8
commit f3d08c13eb

View File

@@ -18,7 +18,7 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay
const { onClose, zIndex, ...rest } = props; const { onClose, zIndex, ...rest } = props;
return ( return (
<ZeroExInstantProvider {...rest}> <ZeroExInstantProvider {...rest}>
<Overlay zIndex={zIndex}> <Overlay zIndex={zIndex} className="zeroExInstantOverlay">
<Flex height="100vh"> <Flex height="100vh">
<Container position="absolute" top="0px" right="0px" display={{ default: 'initial', sm: 'none' }}> <Container position="absolute" top="0px" right="0px" display={{ default: 'initial', sm: 'none' }}>
<Icon <Icon
@@ -30,7 +30,11 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay
padding="2em 2em" padding="2em 2em"
/> />
</Container> </Container>
<Container width={{ default: 'auto', sm: '100%' }} height={{ default: 'auto', sm: '100%' }}> <Container
width={{ default: 'auto', sm: '100%' }}
height={{ default: 'auto', sm: '100%' }}
className="zeroExInstantMainContainer"
>
<ZeroExInstantContainer /> <ZeroExInstantContainer />
</Container> </Container>
</Flex> </Flex>