diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-21 06:03:29 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-21 06:03:29 +0800 |
| commit | 36240de897b3f834fbdcb323d9a3df9e5d3a2d03 (patch) | |
| tree | 6baf8f3ce936ee4a6389361780243804bfb1d243 | |
| parent | 1fa93fc8cec32f4c898512707e61dcc6e02fb4fd (diff) | |
| download | dexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.tar.gz dexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.tar.zst dexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.zip | |
give more space to job title and change apply link
| -rw-r--r-- | packages/website/ts/@next/components/link.tsx | 1 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/about/jobs.tsx | 9 |
2 files changed, 6 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/link.tsx b/packages/website/ts/@next/components/link.tsx index a7711451b..080a0abcc 100644 --- a/packages/website/ts/@next/components/link.tsx +++ b/packages/website/ts/@next/components/link.tsx @@ -14,6 +14,7 @@ interface LinkInterface { textColor: string; }; shouldOpenInNewTab?: boolean; + target?: string; } export const Link = (props: LinkInterface) => { diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx index 2fd2c7619..aed8f9ffc 100644 --- a/packages/website/ts/@next/pages/about/jobs.tsx +++ b/packages/website/ts/@next/pages/about/jobs.tsx @@ -4,6 +4,7 @@ import DocumentTitle from 'react-document-title'; import styled from 'styled-components'; import { AboutPageLayout } from 'ts/@next/components/aboutPageLayout'; +import { Link } from 'ts/@next/components/link'; import { Column, FlexWrap, Section } from 'ts/@next/components/newLayout'; import { Heading, Paragraph } from 'ts/@next/components/text'; import { WebsiteBackendJobInfo } from 'ts/types'; @@ -26,7 +27,7 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte const { position } = props; return ( <PositionWrap> - <StyledColumn width="30%"> + <StyledColumn width="40%"> <Heading asElement="h3" size="small" fontWeight="400" marginBottom="0"> <a href={position.href} target="_blank"> {position.title} @@ -34,7 +35,7 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte </Heading> </StyledColumn> - <StyledColumn width="50%" padding="0 40px 0 0"> + <StyledColumn width="30%" padding="0 40px 0 0"> <Paragraph isMuted={true} marginBottom="0"> {position.location} </Paragraph> @@ -42,9 +43,9 @@ const Position: React.FunctionComponent<PositionItemProps> = (props: PositionIte <StyledColumn width="20%"> <Paragraph marginBottom="0" textAlign="right"> - <a href={position.href} target="_blank"> + <Link href={position.href} target="_blank"> Apply - </a> + </Link> </Paragraph> </StyledColumn> </PositionWrap> |