aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-07 05:52:16 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-07 05:52:16 +0800
commite8814ecbe70b97dfa0de0f51b6a3b7e7fcd89ea2 (patch)
tree0e9060db27fd6b027ca94e6a0c3382b8c4010f5d /packages/instant/src/components
parentf90486c99c7acf95f3b95fdc73ee125dd3f9086e (diff)
downloaddexon-0x-contracts-e8814ecbe70b97dfa0de0f51b6a3b7e7fcd89ea2.tar.gz
dexon-0x-contracts-e8814ecbe70b97dfa0de0f51b6a3b7e7fcd89ea2.tar.zst
dexon-0x-contracts-e8814ecbe70b97dfa0de0f51b6a3b7e7fcd89ea2.zip
proof of concept working
Diffstat (limited to 'packages/instant/src/components')
-rw-r--r--packages/instant/src/components/sandbox.tsx5
-rw-r--r--packages/instant/src/components/zero_ex_instant_container.tsx3
2 files changed, 2 insertions, 6 deletions
diff --git a/packages/instant/src/components/sandbox.tsx b/packages/instant/src/components/sandbox.tsx
index 04e4c7935..b574fd35c 100644
--- a/packages/instant/src/components/sandbox.tsx
+++ b/packages/instant/src/components/sandbox.tsx
@@ -3,11 +3,6 @@ import * as React from 'react';
import { MediaChoice, stylesForMedia } from '../style/media';
import { styled } from '../style/theme';
-// export const Sandbox: React.StatelessComponent<{}> = props => {
-// return <div>Hi</div>;
-// };
-
-// TODO: handle string too
interface SandboxProps {
width: MediaChoice;
}
diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx
index 8fd4d56c3..c60a9c40e 100644
--- a/packages/instant/src/components/zero_ex_instant_container.tsx
+++ b/packages/instant/src/components/zero_ex_instant_container.tsx
@@ -28,7 +28,8 @@ export class ZeroExInstantContainer extends React.Component<ZeroExInstantContain
public render(): React.ReactNode {
return (
<Container width="350px" smallWidth="100%" smallHeight="100%" position="relative">
- <Sandbox width={{ sm: '10px' }}>Test</Sandbox>
+ {/* <Sandbox width={{ default: '300px', sm: '5px', md: '900px' }}>Test</Sandbox> */}
+ <Sandbox width="100px">Test</Sandbox>
<Container zIndex={zIndex.errorPopup} position="relative">
<LatestError />
</Container>