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 | |
parent | 155e3d225d3255d6728e1c986de46416f5685e7f (diff) | |
download | dexon-0x-contracts-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar dexon-0x-contracts-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.gz dexon-0x-contracts-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.bz2 dexon-0x-contracts-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.lz dexon-0x-contracts-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.xz dexon-0x-contracts-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.tar.zst dexon-0x-contracts-9d9341901f2b5b14e3a29a6bdc18a505d9b361aa.zip |
Use Text component for HeaderItem
Diffstat (limited to 'packages/website')
-rw-r--r-- | packages/website/ts/components/ui/text.tsx | 2 | ||||
-rw-r--r-- | packages/website/ts/pages/jobs/list/header_item.tsx | 16 |
2 files changed, 11 insertions, 7 deletions
diff --git a/packages/website/ts/components/ui/text.tsx b/packages/website/ts/components/ui/text.tsx index e90c1707d..2b80869d1 100644 --- a/packages/website/ts/components/ui/text.tsx +++ b/packages/website/ts/components/ui/text.tsx @@ -11,6 +11,7 @@ export interface TextProps { fontFamily?: string; fontColor?: string; lineHeight?: string; + minHeight?: string; center?: boolean; fontWeight?: number; } @@ -26,6 +27,7 @@ export const Text = styled(PlainText)` ${props => (props.lineHeight ? `line-height: ${props.lineHeight}` : '')}; ${props => (props.center ? 'text-align: center' : '')}; color: ${props => props.fontColor}; + min-height: ${props => props.minHeight}; `; Text.defaultProps = { 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> ); |