From 1d5473eece9f4a905e6cbf24489bbe20f908d31d Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Wed, 12 Dec 2018 16:02:05 +0100 Subject: Fixes fullwidth sections --- packages/website/ts/@next/components/newLayout.tsx | 3 ++- .../website/ts/@next/components/sections/landing/cta.tsx | 2 +- packages/website/ts/@next/components/siteWrap.tsx | 13 ++----------- packages/website/ts/@next/pages/instant.tsx | 2 +- packages/website/ts/@next/pages/why.tsx | 7 +++++-- 5 files changed, 11 insertions(+), 16 deletions(-) (limited to 'packages/website/ts') diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx index f4cf19e29..1ac9fccfc 100644 --- a/packages/website/ts/@next/components/newLayout.tsx +++ b/packages/website/ts/@next/components/newLayout.tsx @@ -80,6 +80,8 @@ export const WrapSticky = styled.div` `; const SectionBase = styled.section` + width: ${props => !props.isFullWidth && 'calc(100% - 60px)'}; + max-width: 1500px; margin: 0 auto; padding: ${props => props.isPadded && '120px 0'}; background-color: ${props => props.theme[`${props.bgColor}BgColor`] || props.bgColor}; @@ -92,7 +94,6 @@ const SectionBase = styled.section` `; const Wrap = styled(FlexWrap)` - width: calc(100% - 60px); max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')}; text-align: ${props => props.isTextCentered && 'center'}; margin: 0 auto; diff --git a/packages/website/ts/@next/components/sections/landing/cta.tsx b/packages/website/ts/@next/components/sections/landing/cta.tsx index b90b4070e..b387c2418 100644 --- a/packages/website/ts/@next/components/sections/landing/cta.tsx +++ b/packages/website/ts/@next/components/sections/landing/cta.tsx @@ -15,8 +15,8 @@ interface Props { export const SectionLandingCta = (props: Props) => (
= props => { <>
-
+
{children} -
+