diff options
| -rw-r--r-- | packages/website/ts/@next/components/newLayout.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/@next/components/sections/landing/cta.tsx | 1 |
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 |