aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-21 06:03:29 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-21 06:03:29 +0800
commit36240de897b3f834fbdcb323d9a3df9e5d3a2d03 (patch)
tree6baf8f3ce936ee4a6389361780243804bfb1d243
parent1fa93fc8cec32f4c898512707e61dcc6e02fb4fd (diff)
downloaddexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.tar
dexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.tar.gz
dexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.tar.bz2
dexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.tar.lz
dexon-sol-tools-36240de897b3f834fbdcb323d9a3df9e5d3a2d03.tar.xz
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.tsx1
-rw-r--r--packages/website/ts/@next/pages/about/jobs.tsx9
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>