diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-14 03:10:21 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-14 03:10:21 +0800 |
| commit | eafcbabaa28fc4176bae4351231fd295ebdcddff (patch) | |
| tree | 3e8f6d989b894cba14d8d536601f3156d12c92f7 | |
| parent | 14071ea11917c8a50f6817866cecdb0d41915fb8 (diff) | |
| download | dexon-sol-tools-eafcbabaa28fc4176bae4351231fd295ebdcddff.tar dexon-sol-tools-eafcbabaa28fc4176bae4351231fd295ebdcddff.tar.gz dexon-sol-tools-eafcbabaa28fc4176bae4351231fd295ebdcddff.tar.bz2 dexon-sol-tools-eafcbabaa28fc4176bae4351231fd295ebdcddff.tar.lz dexon-sol-tools-eafcbabaa28fc4176bae4351231fd295ebdcddff.tar.xz dexon-sol-tools-eafcbabaa28fc4176bae4351231fd295ebdcddff.tar.zst dexon-sol-tools-eafcbabaa28fc4176bae4351231fd295ebdcddff.zip | |
Use Text components in Values
| -rw-r--r-- | packages/website/ts/pages/jobs/values.tsx | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/packages/website/ts/pages/jobs/values.tsx b/packages/website/ts/pages/jobs/values.tsx index ad62754ce..c7c4d5726 100644 --- a/packages/website/ts/pages/jobs/values.tsx +++ b/packages/website/ts/pages/jobs/values.tsx @@ -1,8 +1,10 @@ import * as _ from 'lodash'; import * as React from 'react'; +import { Text } from 'ts/components/ui/text'; import { HeaderItem } from 'ts/pages/jobs/list/header_item'; import { ListItem } from 'ts/pages/jobs/list/list_item'; +import { colors } from 'ts/style/colors'; const VALUE_ITEM_PROPS_LIST: ValueItemProps[] = [ { @@ -44,12 +46,14 @@ export const ValueItem: React.StatelessComponent<ValueItemProps> = ({ bulletColo return ( <div style={{ minHeight: VALUE_ITEM_MIN_HEIGHT }}> <ListItem bulletColor={bulletColor}> - <div style={{ fontWeight: 'bold', fontSize: 16 }}>{title}</div> + <Text fontWeight="bold" fontSize="16x" fontColor={colors.black}> + {title} + </Text> </ListItem> <ListItem> - <div className="pt1" style={{ fontSize: 16, lineHeight: 2 }}> + <Text className="pt1" fontSize="16x" lineHeight="2em" fontColor={colors.black}> {description} - </div> + </Text> </ListItem> </div> ); |