diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-10-16 08:30:39 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-10-16 08:30:39 +0800 |
commit | 05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa (patch) | |
tree | 2f511ec1be15cd52366481516f930db807f70215 /packages/instant/src/components/zero_ex_instant_container.tsx | |
parent | 83a36aff3fa750560cf6dd6b08b84a5915ea4c5d (diff) | |
parent | b0a2cacd82ba3e24f22470f624be0f3d8324a478 (diff) | |
download | dexon-sol-tools-05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa.tar dexon-sol-tools-05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa.tar.gz dexon-sol-tools-05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa.tar.bz2 dexon-sol-tools-05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa.tar.lz dexon-sol-tools-05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa.tar.xz dexon-sol-tools-05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa.tar.zst dexon-sol-tools-05bf7a8280bcb46144dfef9b30bb7c0e2e4a15aa.zip |
Merge pull request #1135 from 0xProject/feature/instant-sliding-error
[instant] Generic sliding error component
Diffstat (limited to 'packages/instant/src/components/zero_ex_instant_container.tsx')
-rw-r--r-- | packages/instant/src/components/zero_ex_instant_container.tsx | 20 |
1 files changed, 14 insertions, 6 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx index 716227b51..a384c5f1b 100644 --- a/packages/instant/src/components/zero_ex_instant_container.tsx +++ b/packages/instant/src/components/zero_ex_instant_container.tsx @@ -10,11 +10,19 @@ import { Container, Flex } from './ui'; export interface ZeroExInstantContainerProps {} export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantContainerProps> = props => ( - <Container hasBoxShadow={true} width="350px" backgroundColor={ColorOption.white} borderRadius="3px"> - <Flex direction="column" justify="flex-start"> - <InstantHeading /> - <OrderDetails /> - <BuyButton /> - </Flex> + <Container width="350px"> + <Container + zIndex={2} + position="relative" + backgroundColor={ColorOption.white} + borderRadius="3px" + hasBoxShadow={true} + > + <Flex direction="column" justify="flex-start"> + <InstantHeading /> + <OrderDetails /> + <BuyButton /> + </Flex> + </Container> </Container> ); |