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 | |
parent | 2474d1d2f4cf4ae81d5d67c53005f018a0154ef5 (diff) | |
download | dexon-sol-tools-6a39a69afeed7b0737cff70b4d3314e668b67308.tar dexon-sol-tools-6a39a69afeed7b0737cff70b4d3314e668b67308.tar.gz dexon-sol-tools-6a39a69afeed7b0737cff70b4d3314e668b67308.tar.bz2 dexon-sol-tools-6a39a69afeed7b0737cff70b4d3314e668b67308.tar.lz dexon-sol-tools-6a39a69afeed7b0737cff70b4d3314e668b67308.tar.xz dexon-sol-tools-6a39a69afeed7b0737cff70b4d3314e668b67308.tar.zst dexon-sol-tools-6a39a69afeed7b0737cff70b4d3314e668b67308.zip |
Added Circle component
Diffstat (limited to 'packages/website/ts/pages')
-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> ); |