aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 20:43:06 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 20:43:06 +0800
commit0c5fa5892ce0881511b5089440b8c9aca07ba3ed (patch)
treedd6cadab35f2ba79d35e9fd57e7778279fba5bc7 /packages/website/ts/@next
parentb04a9b9296e2e83d81f6249ea11a7ca900db5662 (diff)
downloaddexon-sol-tools-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar
dexon-sol-tools-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.gz
dexon-sol-tools-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.bz2
dexon-sol-tools-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.lz
dexon-sol-tools-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.xz
dexon-sol-tools-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.tar.zst
dexon-sol-tools-0c5fa5892ce0881511b5089440b8c9aca07ba3ed.zip
Fixes fullwidth prop on new layout section
Diffstat (limited to 'packages/website/ts/@next')
-rw-r--r--packages/website/ts/@next/components/newLayout.tsx2
-rw-r--r--packages/website/ts/@next/pages/instant.tsx11
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>