diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-07-25 17:48:12 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-07-25 17:48:12 +0800 |
commit | 854b8fad22437123c03245ce90245da08e9f12de (patch) | |
tree | 8f9e8ec84bc50ee61799ab3857dec9d68f139635 /packages/website/ts/pages/jobs/mission.tsx | |
parent | bb7c308081d11e0bd424db8a25b9b75554c61211 (diff) | |
download | dexon-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.tsx | 8 |
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> |