aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages/jobs/mission.tsx
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-07-25 17:48:12 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-07-25 17:48:12 +0800
commit854b8fad22437123c03245ce90245da08e9f12de (patch)
tree8f9e8ec84bc50ee61799ab3857dec9d68f139635 /packages/website/ts/pages/jobs/mission.tsx
parentbb7c308081d11e0bd424db8a25b9b75554c61211 (diff)
downloaddexon-sol-tools-854b8fad22437123c03245ce90245da08e9f12de.tar
dexon-sol-tools-854b8fad22437123c03245ce90245da08e9f12de.tar.gz
dexon-sol-tools-854b8fad22437123c03245ce90245da08e9f12de.tar.bz2
dexon-sol-tools-854b8fad22437123c03245ce90245da08e9f12de.tar.lz
dexon-sol-tools-854b8fad22437123c03245ce90245da08e9f12de.tar.xz
dexon-sol-tools-854b8fad22437123c03245ce90245da08e9f12de.tar.zst
dexon-sol-tools-854b8fad22437123c03245ce90245da08e9f12de.zip
Update benefits section
Diffstat (limited to 'packages/website/ts/pages/jobs/mission.tsx')
-rw-r--r--packages/website/ts/pages/jobs/mission.tsx8
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/website/ts/pages/jobs/mission.tsx b/packages/website/ts/pages/jobs/mission.tsx
index e1a9880d6..28546f985 100644
--- a/packages/website/ts/pages/jobs/mission.tsx
+++ b/packages/website/ts/pages/jobs/mission.tsx
@@ -10,9 +10,9 @@ export interface MissionProps {
screenWidth: ScreenWidths;
}
export const Mission = (props: MissionProps) => {
- const isSmallScreen = props.screenWidth === ScreenWidths.Sm;
+ const shouldShowImage = props.screenWidth === ScreenWidths.Lg;
const image = <Image src="/images/jobs/world-map.svg" maxWidth="500px" maxHeight="280px" />;
- const missionStatementClassName = isSmallScreen ? 'center' : undefined;
+ const missionStatementClassName = !shouldShowImage ? 'center' : undefined;
const missionStatement = (
<Container className={missionStatementClassName} maxWidth="388px">
<Text fontFamily="Roboto Mono" fontSize="22px" lineHeight="31px">
@@ -31,10 +31,10 @@ export const Mission = (props: MissionProps) => {
);
return (
<div
- className="flex flex-column items-center py4 sm-px3"
+ className="flex flex-column items-center py4 px3"
style={{ backgroundColor: colors.jobsPageBackground, color: colors.black }}
>
- {!isSmallScreen ? (
+ {shouldShowImage ? (
<Container className="flex items-center" maxWidth="1200px">
{image}
<Container marginLeft="115px">{missionStatement}</Container>