diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:13:09 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:13:25 +0800 |
| commit | 7845fdbd9c221502c5c58ddd57dfaeeca51bdc7d (patch) | |
| tree | aef61fb87a780bcff1d4770829c5cee6fa062d3b | |
| parent | 6d2da94f8a1bd2b80b548f6484e94173c4627adb (diff) | |
| download | dexon-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
| -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 |