aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-13 06:25:47 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-13 06:25:47 +0800
commit9d9341901f2b5b14e3a29a6bdc18a505d9b361aa (patch)
tree684b1447da52ed2f5de7b8599d18fd3a2f329fcc
parent155e3d225d3255d6728e1c986de46416f5685e7f (diff)
downloaddexon-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
-rw-r--r--packages/website/ts/components/ui/text.tsx2
-rw-r--r--packages/website/ts/pages/jobs/list/header_item.tsx16
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>
);