diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-14 01:57:22 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-14 02:40:17 +0800 |
| commit | 52272cd2906b9d18a5ff77fde08854ea1c6e9e4c (patch) | |
| tree | 6ddc638a7924380b30575a947f557a1b31b970de /packages/website | |
| parent | ac1786585e24528e34f61a3edc63ad4605cf015a (diff) | |
| download | dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar.gz dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.tar.zst dexon-sol-tools-52272cd2906b9d18a5ff77fde08854ea1c6e9e4c.zip | |
Hide configurator on smaller screens
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/@next/pages/instant.tsx | 10 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/instant/configurator.tsx | 2 |
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"> |