diff options
| -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"> |