aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/about/team.tsx
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-13 17:54:18 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-13 17:54:18 +0800
commit5bd185e8319f654d1691b021d38c934983a1f107 (patch)
treee85d8fa229209fbb70e621338979b74ba7249c2d /packages/website/ts/@next/pages/about/team.tsx
parentbe045dad9bd026cb6d4323d3b70e3ff003cb0daa (diff)
downloaddexon-sol-tools-5bd185e8319f654d1691b021d38c934983a1f107.tar
dexon-sol-tools-5bd185e8319f654d1691b021d38c934983a1f107.tar.gz
dexon-sol-tools-5bd185e8319f654d1691b021d38c934983a1f107.tar.bz2
dexon-sol-tools-5bd185e8319f654d1691b021d38c934983a1f107.tar.lz
dexon-sol-tools-5bd185e8319f654d1691b021d38c934983a1f107.tar.xz
dexon-sol-tools-5bd185e8319f654d1691b021d38c934983a1f107.tar.zst
dexon-sol-tools-5bd185e8319f654d1691b021d38c934983a1f107.zip
Adds images in instant page
Diffstat (limited to 'packages/website/ts/@next/pages/about/team.tsx')
-rw-r--r--packages/website/ts/@next/pages/about/team.tsx24
1 files changed, 18 insertions, 6 deletions
diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx
index fe4723205..5a73d1f89 100644
--- a/packages/website/ts/@next/pages/about/team.tsx
+++ b/packages/website/ts/@next/pages/about/team.tsx
@@ -195,11 +195,11 @@ export const NextAboutTeam = () => (
width="70%"
maxWidth="800px"
>
- <WrapGrid isWrapped={true} isCentered={false}>
+ <StyledGrid isWrapped={true} isCentered={false}>
{_.map(team, (info: TeamMember, index) => (
<Member key={`team-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} />
))}
- </Wrap>
+ </StyledGrid>
</Column>
</Section>
@@ -213,17 +213,27 @@ export const NextAboutTeam = () => (
<Heading size="medium">Advisors</Heading>
</Column>
- <Column>
- <WrapGrid isWrapped={true} isCentered={false}>
+ <Column
+ width="70%"
+ maxWidth="800px"
+ >
+ <StyledGrid isWrapped={true} isCentered={false}>
{_.map(advisors, (info: TeamMember, index) => (
<Member key={`advisor-${index}`} name={info.name} title={info.title} imageUrl={info.imageUrl} />
))}
- </WrapGrid>
+ </StyledGrid>
</Column>
</Section>
</AboutPageLayout>
);
+const StyledGrid = styled.div`
+ &:after {
+ content: '';
+ clear: both;
+ }
+`;
+
const Member = ({ name, title, imageUrl }: TeamMember) => (
<StyledMember>
<img src={imageUrl} alt={name}/>
@@ -233,8 +243,10 @@ const Member = ({ name, title, imageUrl }: TeamMember) => (
);
const StyledMember = styled.div`
- width: calc(25% - 10px);
+ width: calc(25% - 15px);
margin-bottom: 10px;
+ float: left;
+ margin-right: 10px;
img, svg {
width: 100%;