aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 23:13:09 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 23:13:25 +0800
commit7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d (patch)
treeaef61fb87a780bcff1d4770829c5cee6fa062d3b /packages/website/ts
parent6d2da94f8a1bd2b80b548f6484e94173c4627adb (diff)
downloaddexon-sol-tools-7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d.tar
dexon-sol-tools-7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d.tar.gz
dexon-sol-tools-7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d.tar.bz2
dexon-sol-tools-7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d.tar.lz
dexon-sol-tools-7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d.tar.xz
dexon-sol-tools-7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d.tar.zst
dexon-sol-tools-7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d.zip
introduces wrapwidth to section component
Diffstat (limited to 'packages/website/ts')
-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