aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-14 03:10:21 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-14 03:10:21 +0800
commiteafcbabaa28fc4176bae4351231fd295ebdcddff (patch)
tree3e8f6d989b894cba14d8d536601f3156d12c92f7
parent14071ea11917c8a50f6817866cecdb0d41915fb8 (diff)
downloaddexon-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.tsx10
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>
);