diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 20:43:06 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 20:43:06 +0800 |
| commit | 0c5fa5892ce0881511b5089440b8c9aca07ba3ed (patch) | |
| tree | dd6cadab35f2ba79d35e9fd57e7778279fba5bc7 /packages | |
| parent | b04a9b9296e2e83d81f6249ea11a7ca900db5662 (diff) | |
| download | dexon-0x-contracts-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar dexon-0x-contracts-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.gz dexon-0x-contracts-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.bz2 dexon-0x-contracts-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.lz dexon-0x-contracts-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.xz dexon-0x-contracts-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.zst dexon-0x-contracts-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.zip | |
Fixes fullwidth prop on new layout section
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/website/ts/@next/components/newLayout.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/instant.tsx | 11 |
2 files changed, 7 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx index 8598b8f12..b7953c8d7 100644 --- a/packages/website/ts/@next/components/newLayout.tsx +++ b/packages/website/ts/@next/components/newLayout.tsx @@ -70,7 +70,7 @@ const SectionBase = styled.section` `; const Wrap = styled(FlexWrap)` - width: calc(100% - 60px); + width: ${props => !props.isFullWidth && 'calc(100% - 60px)'}; max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')}; margin: 0 auto; text-align: ${props => props.isTextCentered && 'center'}; diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx index 02cbdf1d2..ff5b7140e 100644 --- a/packages/website/ts/@next/pages/instant.tsx +++ b/packages/website/ts/@next/pages/instant.tsx @@ -10,13 +10,13 @@ import {Hero} from 'ts/@next/components/hero'; import {Banner} from 'ts/@next/components/banner'; import {Button, ButtonWrap, Link} from 'ts/@next/components/button'; import {Icon} from 'ts/@next/components/Icon'; -import {Column, Section, Wrap, WrapCentered} from 'ts/@next/components/layout'; +import {Column, Wrap, WrapCentered} from 'ts/@next/components/layout'; import {SiteWrap} from 'ts/@next/components/siteWrap'; import {Heading, Paragraph} from 'ts/@next/components/text'; import {Definition} from 'ts/@next/components/Definition'; -import {Section as NewSection} from 'ts/@next/components/newLayout'; +import {Section} from 'ts/@next/components/newLayout'; // import { Configurator } from 'ts/pages/instant/configurator'; import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; @@ -77,7 +77,7 @@ export const Next0xInstant = () => ( actions={<Button href="#">Get Started</Button>} /> - <Section isFullWidth={true} isNoPadding={true}> + <Section> <Wrap width="full"> <MarqueeWrap> <div> @@ -89,7 +89,7 @@ export const Next0xInstant = () => ( </Wrap> </Section> - <NewSection> + <Section> {_.map(featuresData, (item, index) => ( <Definition icon={item.icon} @@ -100,10 +100,11 @@ export const Next0xInstant = () => ( actions={item.links} /> ))} - </NewSection> + </Section> <Section bgColor={colors.backgroundDark}> <Wrap> + Configurator goes here {/* <Configurator hash={CONFIGURATOR_HASH} /> */} </Wrap> </Section> |