diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-31 06:21:58 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-31 06:21:58 +0800 |
commit | a49bf353f85c22a029db3085a620f3c031b52d73 (patch) | |
tree | 305a18cbdb2b2c5eca2d73598a8024ec6b87dfc7 /packages/instant/src/components/zero_ex_instant_container.tsx | |
parent | d0a0af51306bf5e5b46fd8982c70b271212af42f (diff) | |
download | dexon-sol-tools-a49bf353f85c22a029db3085a620f3c031b52d73.tar dexon-sol-tools-a49bf353f85c22a029db3085a620f3c031b52d73.tar.gz dexon-sol-tools-a49bf353f85c22a029db3085a620f3c031b52d73.tar.bz2 dexon-sol-tools-a49bf353f85c22a029db3085a620f3c031b52d73.tar.lz dexon-sol-tools-a49bf353f85c22a029db3085a620f3c031b52d73.tar.xz dexon-sol-tools-a49bf353f85c22a029db3085a620f3c031b52d73.tar.zst dexon-sol-tools-a49bf353f85c22a029db3085a620f3c031b52d73.zip |
feat: refactor animation code
Diffstat (limited to 'packages/instant/src/components/zero_ex_instant_container.tsx')
-rw-r--r-- | packages/instant/src/components/zero_ex_instant_container.tsx | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx index ded0d075e..c8d5235c8 100644 --- a/packages/instant/src/components/zero_ex_instant_container.tsx +++ b/packages/instant/src/components/zero_ex_instant_container.tsx @@ -4,16 +4,16 @@ import { LatestBuyQuoteOrderDetails } from '../containers/latest_buy_quote_order import { LatestError } from '../containers/latest_error'; import { SelectedAssetBuyOrderStateButtons } from '../containers/selected_asset_buy_order_state_buttons'; import { SelectedAssetInstantHeading } from '../containers/selected_asset_instant_heading'; - import { ColorOption } from '../style/theme'; import { zIndex } from '../style/z_index'; +import { Panel } from './panel'; import { Container, Flex } from './ui'; export interface ZeroExInstantContainerProps {} export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantContainerProps> = props => ( - <Container width="350px"> + <Container width="350px" position="relative"> <Container zIndex={zIndex.errorPopup} position="relative"> <LatestError /> </Container> @@ -23,6 +23,7 @@ export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantConta backgroundColor={ColorOption.white} borderRadius="3px" hasBoxShadow={true} + overflow="hidden" > <Flex direction="column" justify="flex-start"> <SelectedAssetInstantHeading /> @@ -31,6 +32,11 @@ export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantConta <SelectedAssetBuyOrderStateButtons /> </Container> </Flex> + {/* <Container position="absolute" left="0px" bottom="0px" width="100%" height="100%"> + <SlideAnimationHelper direction="up" downY="200px"> + <Panel> Hey </Panel> + </SlideAnimationHelper> + </Container> */} </Container> </Container> ); |