diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-27 06:01:11 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-29 02:50:08 +0800 |
| commit | 6a39a69afeed7b0737cff70b4d3314e668b67308 (patch) | |
| tree | 9453689f86e33ba04347833a96f7b2f520e9891c /packages/website/ts/pages/jobs | |
| parent | 2474d1d2f4cf4ae81d5d67c53005f018a0154ef5 (diff) | |
| download | dexon-0x-contracts-6a39a69afeed7b0737cff70b4d3314e668b67308.tar.gz dexon-0x-contracts-6a39a69afeed7b0737cff70b4d3314e668b67308.tar.zst dexon-0x-contracts-6a39a69afeed7b0737cff70b4d3314e668b67308.zip | |
Added Circle component
Diffstat (limited to 'packages/website/ts/pages/jobs')
| -rw-r--r-- | packages/website/ts/pages/jobs/list/list_item.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/website/ts/pages/jobs/list/list_item.tsx b/packages/website/ts/pages/jobs/list/list_item.tsx index d7838bc01..192433d39 100644 --- a/packages/website/ts/pages/jobs/list/list_item.tsx +++ b/packages/website/ts/pages/jobs/list/list_item.tsx @@ -1,14 +1,14 @@ import * as React from 'react'; +import { Circle } from 'ts/components/ui/circle'; + 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> + <Circle className="flex-none lg-px2 md-px2 sm-pl2" diameter={26} fillColor={bulletColor || 'transparent'} /> <div className="flex-auto px2">{children}</div> </div> ); |