diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-07-25 14:21:39 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-07-25 14:21:39 +0800 |
| commit | b0fab3ea4a7238fca6538a85e251540cc4001040 (patch) | |
| tree | 2eea919cd308948bbbeeac7ee6e25547a020fbed /packages/website/ts/pages | |
| parent | 51fb6e6a23b38dffdbdaf7b7ac1b45b6783b7fa9 (diff) | |
| download | dexon-sol-tools-b0fab3ea4a7238fca6538a85e251540cc4001040.tar.gz dexon-sol-tools-b0fab3ea4a7238fca6538a85e251540cc4001040.tar.zst dexon-sol-tools-b0fab3ea4a7238fca6538a85e251540cc4001040.zip | |
Use our image component in mission
Diffstat (limited to 'packages/website/ts/pages')
| -rw-r--r-- | packages/website/ts/pages/jobs/mission.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/website/ts/pages/jobs/mission.tsx b/packages/website/ts/pages/jobs/mission.tsx index daec1e62a..b78cdc886 100644 --- a/packages/website/ts/pages/jobs/mission.tsx +++ b/packages/website/ts/pages/jobs/mission.tsx @@ -1,6 +1,7 @@ import * as React from 'react'; import { Container } from 'ts/components/ui/container'; +import { Image } from 'ts/components/ui/image'; import { Text } from 'ts/components/ui/text'; import { colors } from 'ts/style/colors'; import { ScreenWidths } from 'ts/types'; @@ -10,7 +11,7 @@ export interface MissionProps { } export const Mission = (props: MissionProps) => { const isSmallScreen = props.screenWidth === ScreenWidths.Sm; - const image = <img src="/images/jobs/world-map.svg" style={{ maxWidth: 500, maxHeight: 280 }} />; + const image = <Image src="/images/jobs/world-map.svg" maxWidth="500px" maxHeight="280px" />; const missionStatementClassName = isSmallScreen ? 'center' : undefined; const missionStatement = ( <Container className={missionStatementClassName} maxWidth="388px"> |