aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/@next/components/newLayout.tsx2
-rw-r--r--packages/website/ts/@next/components/sections/landing/cta.tsx1
2 files changed, 3 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx
index 9ada9862d..685672733 100644
--- a/packages/website/ts/@next/components/newLayout.tsx
+++ b/packages/website/ts/@next/components/newLayout.tsx
@@ -4,6 +4,7 @@ import styled from 'styled-components';
interface WrapProps {
offsetTop?: string;
maxWidth?: string;
+ wrapWidth?: string;
isFullWidth?: boolean;
isTextCentered?: boolean;
isCentered?: boolean;
@@ -94,6 +95,7 @@ const SectionBase = styled.section<SectionProps>`
`;
const Wrap = styled(FlexWrap)<WrapProps>`
+ width: ${props => props.wrapWidth || '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 b387c2418..da49861e6 100644
--- a/packages/website/ts/@next/components/sections/landing/cta.tsx
+++ b/packages/website/ts/@next/components/sections/landing/cta.tsx
@@ -17,6 +17,7 @@ export const SectionLandingCta = (props: Props) => (
isPadded={false}
isFlex={true}
maxWidth="auto"
+ wrapWidth="100%"
flexBreakpoint="900px"
>
<BlockIconLink