diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 22:00:03 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 22:00:03 +0800 |
| commit | f06c17cccca46298a4b2780c1963165c5020c878 (patch) | |
| tree | f74d567b342e2b600c7f3f850fb7bb9ade496bf8 /packages/website/ts/@next/pages/about/team.tsx | |
| parent | ffff1d5fff898af8796e02892b562d308aed33d0 (diff) | |
| download | dexon-0x-contracts-f06c17cccca46298a4b2780c1963165c5020c878.tar dexon-0x-contracts-f06c17cccca46298a4b2780c1963165c5020c878.tar.gz dexon-0x-contracts-f06c17cccca46298a4b2780c1963165c5020c878.tar.bz2 dexon-0x-contracts-f06c17cccca46298a4b2780c1963165c5020c878.tar.lz dexon-0x-contracts-f06c17cccca46298a4b2780c1963165c5020c878.tar.xz dexon-0x-contracts-f06c17cccca46298a4b2780c1963165c5020c878.tar.zst dexon-0x-contracts-f06c17cccca46298a4b2780c1963165c5020c878.zip | |
Edits team page
Diffstat (limited to 'packages/website/ts/@next/pages/about/team.tsx')
| -rw-r--r-- | packages/website/ts/@next/pages/about/team.tsx | 60 |
1 files changed, 33 insertions, 27 deletions
diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx index 10f27cc95..821fa19a0 100644 --- a/packages/website/ts/@next/pages/about/team.tsx +++ b/packages/website/ts/@next/pages/about/team.tsx @@ -5,7 +5,7 @@ import styled from 'styled-components'; import { colors } from 'ts/style/colors'; import { AboutPageLayout } from 'ts/@next/components/aboutPageLayout'; -import { Column, Section, Wrap } from 'ts/@next/components/layout'; +import { Column, Section, WrapGrid } from 'ts/@next/components/newLayout'; import { Heading, Paragraph } from 'ts/@next/components/text'; interface TeamMember { @@ -182,36 +182,42 @@ export const NextAboutTeam = () => ( linkLabel="Join the team" linkUrl="/jobs" > - <Section> - <Wrap> - <Column colWidth="1/3"> - <Heading size="medium">0x Team</Heading> - </Column> + <Section + maxWidth="1170px" + isFlex={true} + > + <Column> + <Heading size="medium">0x Team</Heading> + </Column> - <Column colWidth="2/3"> - <Wrap isWrapped={true} isCentered={false}> - {_.map(team, (info: TeamMember, index) => ( - <Member key={`team-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} /> - ))} - </Wrap> - </Column> - </Wrap> + <Column + width="70%" + maxWidth="800px" + > + <WrapGrid isWrapped={true} isCentered={false}> + {_.map(team, (info: TeamMember, index) => ( + <Member key={`team-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} /> + ))} + </Wrap> + </Column> </Section> - <Section bgColor="#F3F6F4"> - <Wrap> - <Column colWidth="1/3"> - <Heading size="medium">Advisors</Heading> - </Column> + <Section + bgColor="#F3F6F4" + maxWidth="1170px" + isFlex={true} + > + <Column> + <Heading size="medium">Advisors</Heading> + </Column> - <Column colWidth="2/3"> - <Wrap isWrapped={true} isCentered={false}> - {_.map(advisors, (info: TeamMember, index) => ( - <Member key={`advisor-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} /> - ))} - </Wrap> - </Column> - </Wrap> + <Column width="70%" maxWidth="800px"> + <WrapGrid isWrapped={true} isCentered={false}> + {_.map(advisors, (info: TeamMember, index) => ( + <Member key={`advisor-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} /> + ))} + </WrapGrid> + </Column> </Section> </AboutPageLayout> ); |