aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-14 01:57:22 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-14 02:40:17 +0800
commit52272cd2906b9d18a5ff77fde08854ea1c6e9e4c (patch)
tree6ddc638a7924380b30575a947f557a1b31b970de /packages/website/ts
parentac1786585e24528e34f61a3edc63ad4605cf015a (diff)
downloaddexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar
dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar.gz
dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar.bz2
dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar.lz
dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar.xz
dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar.zst
dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.zip
Hide configurator on smaller screens
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/@next/pages/instant.tsx10
-rw-r--r--packages/website/ts/@next/pages/instant/configurator.tsx2
2 files changed, 9 insertions, 3 deletions
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx
index fbc56bff7..2038ce160 100644
--- a/packages/website/ts/@next/pages/instant.tsx
+++ b/packages/website/ts/@next/pages/instant.tsx
@@ -94,10 +94,10 @@ export const Next0xInstant = () => (
))}
</Section>
- <Section maxWidth="1386px" padding="0 58px 70px" bgColor={colors.backgroundDark}>
+ <ConfiguratorSection maxWidth="1386px" padding="0 58px 70px" bgColor={colors.backgroundDark}>
<Heading>0x Instant Configurator</Heading>
<Configurator hash={CONFIGURATOR_HASH} />
- </Section>
+ </ConfiguratorSection>
<Banner
heading="Need more flexibility?"
@@ -135,6 +135,12 @@ const fadeUp = keyframes`
}
`;
+const ConfiguratorSection = styled(Section)`
+ @media (max-width: 1050px) {
+ display: none;
+ }
+`;
+
// width = 370 * 12
const MarqueeWrap = styled.div`
width: 100vw;
diff --git a/packages/website/ts/@next/pages/instant/configurator.tsx b/packages/website/ts/@next/pages/instant/configurator.tsx
index a90176e0c..af37ea8e7 100644
--- a/packages/website/ts/@next/pages/instant/configurator.tsx
+++ b/packages/website/ts/@next/pages/instant/configurator.tsx
@@ -39,7 +39,7 @@ export class Configurator extends React.Component<ConfiguratorProps> {
<FlexWrap
isFlex={true}
>
- <Column width="442px" padding={[0, 'small', 0, 0]}>
+ <Column width="442px" padding="0 30px 0 0">
<ConfigGenerator value={this.state.instantConfig} onConfigChange={this._handleConfigChange} />
</Column>
<Column width="560px">