diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 06:25:47 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 06:25:47 +0800 |
| commit | 9d9341901f2b5b14e3a29a6bdc18a505d9b361aa (patch) | |
| tree | 684b1447da52ed2f5de7b8599d18fd3a2f329fcc /packages/website/ts/pages | |
| parent | 155e3d225d3255d6728e1c986de46416f5685e7f (diff) | |
| download | dexon-sol-tools-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar dexon-sol-tools-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.gz dexon-sol-tools-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.bz2 dexon-sol-tools-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.lz dexon-sol-tools-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.xz dexon-sol-tools-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.zst dexon-sol-tools-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.zip | |
Use Text component for HeaderItem
Diffstat (limited to 'packages/website/ts/pages')
| -rw-r--r-- | packages/website/ts/pages/jobs/list/header_item.tsx | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/packages/website/ts/pages/jobs/list/header_item.tsx b/packages/website/ts/pages/jobs/list/header_item.tsx index b130cb0c4..ac214904c 100644 --- a/packages/website/ts/pages/jobs/list/header_item.tsx +++ b/packages/website/ts/pages/jobs/list/header_item.tsx @@ -1,6 +1,8 @@ import * as React from 'react'; +import { Text } from 'ts/components/ui/text'; import { ListItem } from 'ts/pages/jobs/list/list_item'; +import { colors } from 'ts/style/colors'; export interface HeaderItemProps { headerText?: string; @@ -9,15 +11,15 @@ export const HeaderItem: React.StatelessComponent<HeaderItemProps> = ({ headerTe return ( <div className="h2 lg-py4 md-py4 sm-py3"> <ListItem> - <div - style={{ - fontFamily: 'Roboto Mono', - minHeight: '1.25em', - lineHeight: 1.25, - }} + <Text + fontFamily="Roboto Mono" + fontSize="24px" + lineHeight="1.25" + minHeight="1.25em" + fontColor={colors.black} > {headerText} - </div> + </Text> </ListItem> </div> ); |