diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 01:38:41 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 01:44:03 +0800 |
commit | 7080f0c35a3e5c84fa2907c6feb0610c699c2823 (patch) | |
tree | 90162e21d572a2af9ffdb1bfaf727f1f3e6e1e28 /packages/website/ts/pages/jobs/list | |
parent | 679d60cd5a5debcacff42c38967c1f8b7d972882 (diff) | |
download | dexon-sol-tools-7080f0c35a3e5c84fa2907c6feb0610c699c2823.tar dexon-sol-tools-7080f0c35a3e5c84fa2907c6feb0610c699c2823.tar.gz dexon-sol-tools-7080f0c35a3e5c84fa2907c6feb0610c699c2823.tar.bz2 dexon-sol-tools-7080f0c35a3e5c84fa2907c6feb0610c699c2823.tar.lz dexon-sol-tools-7080f0c35a3e5c84fa2907c6feb0610c699c2823.tar.xz dexon-sol-tools-7080f0c35a3e5c84fa2907c6feb0610c699c2823.tar.zst dexon-sol-tools-7080f0c35a3e5c84fa2907c6feb0610c699c2823.zip |
Implement small open positions
Diffstat (limited to 'packages/website/ts/pages/jobs/list')
-rw-r--r-- | packages/website/ts/pages/jobs/list/header_item.tsx | 24 | ||||
-rw-r--r-- | packages/website/ts/pages/jobs/list/list_item.tsx | 15 |
2 files changed, 39 insertions, 0 deletions
diff --git a/packages/website/ts/pages/jobs/list/header_item.tsx b/packages/website/ts/pages/jobs/list/header_item.tsx new file mode 100644 index 000000000..b130cb0c4 --- /dev/null +++ b/packages/website/ts/pages/jobs/list/header_item.tsx @@ -0,0 +1,24 @@ +import * as React from 'react'; + +import { ListItem } from 'ts/pages/jobs/list/list_item'; + +export interface HeaderItemProps { + headerText?: string; +} +export const HeaderItem: React.StatelessComponent<HeaderItemProps> = ({ headerText }) => { + return ( + <div className="h2 lg-py4 md-py4 sm-py3"> + <ListItem> + <div + style={{ + fontFamily: 'Roboto Mono', + minHeight: '1.25em', + lineHeight: 1.25, + }} + > + {headerText} + </div> + </ListItem> + </div> + ); +}; diff --git a/packages/website/ts/pages/jobs/list/list_item.tsx b/packages/website/ts/pages/jobs/list/list_item.tsx new file mode 100644 index 000000000..d7838bc01 --- /dev/null +++ b/packages/website/ts/pages/jobs/list/list_item.tsx @@ -0,0 +1,15 @@ +import * as React from 'react'; + +export interface ListItemProps { + bulletColor?: string; +} +export const ListItem: React.StatelessComponent<ListItemProps> = ({ bulletColor, children }) => { + return ( + <div className="flex items-center"> + <svg className="flex-none lg-px2 md-px2 sm-pl2" height="26" width="26"> + <circle cx="13" cy="13" r="13" fill={bulletColor || 'transparent'} /> + </svg> + <div className="flex-auto px2">{children}</div> + </div> + ); +}; |