diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 18:26:52 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-13 18:26:52 +0800 |
| commit | 70df5a0a1721aeaacb80580512fa4a232679301d (patch) | |
| tree | 19dff7155fe67dc439872626790d3871c2caf3c9 /packages/website/ts/@next | |
| parent | 79dac626469bce3c93d9c0ee270ac5758547e327 (diff) | |
| download | dexon-sol-tools-70df5a0a1721aeaacb80580512fa4a232679301d.tar.gz dexon-sol-tools-70df5a0a1721aeaacb80580512fa4a232679301d.tar.zst dexon-sol-tools-70df5a0a1721aeaacb80580512fa4a232679301d.zip | |
About pages wrapwidths
Diffstat (limited to 'packages/website/ts/@next')
4 files changed, 8 insertions, 5 deletions
diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx index 617cc81c8..3126db7ee 100644 --- a/packages/website/ts/@next/components/newLayout.tsx +++ b/packages/website/ts/@next/components/newLayout.tsx @@ -95,7 +95,8 @@ const SectionBase = styled.section<SectionProps>` `; const Wrap = styled(FlexWrap)<WrapProps>` - width: ${props => props.bgColor ? 'calc(100% - 60px)' : props.wrapWidth}; + width: ${props => props.wrapWidth || 'calc(100% - 60px)'}; + width: ${props => props.bgColor && '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/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx index 3ee96f229..71192d884 100644 --- a/packages/website/ts/@next/pages/about/jobs.tsx +++ b/packages/website/ts/@next/pages/about/jobs.tsx @@ -44,7 +44,7 @@ export const NextAboutJobs = () => ( linkLabel="Our mission and values" linkUrl="/mission" > - <Section bgColor="#F3F6F4" isFlex={true} maxWidth="1170px"> + <Section bgColor="#F3F6F4" isFlex={true} maxWidth="1170px" wrapWidth="100%"> <Column maxWidth="442px"> <Heading size="medium" marginBottom="30px"> Powered by a Diverse Worldwide Community @@ -62,7 +62,7 @@ export const NextAboutJobs = () => ( </Column> </Section> - <Section isFlex={true} maxWidth="1170px"> + <Section isFlex={true} maxWidth="1170px" wrapWidth="100%"> <Column colWidth="1/3"> <Heading size="medium">Benefits</Heading> </Column> @@ -83,7 +83,7 @@ export const NextAboutJobs = () => ( </Column> </Section> - <Section isFlex={true} maxWidth="1170px"> + <Section isFlex={true} maxWidth="1170px" wrapWidth="100%"> <Column> <Heading size="medium">Current<br/>Openings</Heading> </Column> diff --git a/packages/website/ts/@next/pages/about/mission.tsx b/packages/website/ts/@next/pages/about/mission.tsx index 5ebbf8f7c..b06130345 100644 --- a/packages/website/ts/@next/pages/about/mission.tsx +++ b/packages/website/ts/@next/pages/about/mission.tsx @@ -44,7 +44,7 @@ export const NextAboutMission = () => ( /> </Section> - <Section isFlex={true} maxWidth="1170px"> + <Section isFlex={true} maxWidth="1170px" wrapWidth="100%"> <Column> <Heading size="medium"> Core Values diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx index 5a73d1f89..ae72588a3 100644 --- a/packages/website/ts/@next/pages/about/team.tsx +++ b/packages/website/ts/@next/pages/about/team.tsx @@ -184,6 +184,7 @@ export const NextAboutTeam = () => ( > <Section maxWidth="1170px" + wrapWidth="100%" isFlex={true} flexBreakpoint="900px" > @@ -206,6 +207,7 @@ export const NextAboutTeam = () => ( <Section bgColor="#F3F6F4" maxWidth="1170px" + wrapWidth="100%" flexBreakpoint="900px" isFlex={true} > |