aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/about/team.tsx
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 22:00:03 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 22:00:03 +0800
commitf06c17cccca46298a4b2780c1963165c5020c878 (patch)
treef74d567b342e2b600c7f3f850fb7bb9ade496bf8 /packages/website/ts/@next/pages/about/team.tsx
parentffff1d5fff898af8796e02892b562d308aed33d0 (diff)
downloaddexon-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.tsx60
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>
);