diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 05:23:03 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 05:23:03 +0800 |
commit | d206d0a3aea86612a274427bcf2eaa590f46c6e7 (patch) | |
tree | 36bf9100d4fd5f2efdad3799118fcc253c30aab0 /packages/website/ts/components | |
parent | eba8b4bf00f6e1794a8642a8972585f062c58d3b (diff) | |
download | dexon-0x-contracts-d206d0a3aea86612a274427bcf2eaa590f46c6e7.tar dexon-0x-contracts-d206d0a3aea86612a274427bcf2eaa590f46c6e7.tar.gz dexon-0x-contracts-d206d0a3aea86612a274427bcf2eaa590f46c6e7.tar.bz2 dexon-0x-contracts-d206d0a3aea86612a274427bcf2eaa590f46c6e7.tar.lz dexon-0x-contracts-d206d0a3aea86612a274427bcf2eaa590f46c6e7.tar.xz dexon-0x-contracts-d206d0a3aea86612a274427bcf2eaa590f46c6e7.tar.zst dexon-0x-contracts-d206d0a3aea86612a274427bcf2eaa590f46c6e7.zip |
Add font family to Button component and use in Join0x component
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r-- | packages/website/ts/components/ui/button.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/packages/website/ts/components/ui/button.tsx b/packages/website/ts/components/ui/button.tsx index 4c7d59839..1f88297de 100644 --- a/packages/website/ts/components/ui/button.tsx +++ b/packages/website/ts/components/ui/button.tsx @@ -7,6 +7,7 @@ export interface ButtonProps { className?: string; fontSize?: string; fontColor?: string; + fontFamily?: string; backgroundColor?: string; borderColor?: string; width?: string; @@ -28,7 +29,7 @@ export const Button = styled(PlainButton)` border-radius: 6px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); font-weight: 500; - font-family: 'Roboto'; + font-family: ${props => props.fontFamily}; width: ${props => props.width}; background-color: ${props => props.backgroundColor}; border: ${props => (props.borderColor ? `1px solid ${props.borderColor}` : 'none')}; @@ -44,6 +45,7 @@ Button.defaultProps = { fontSize: '12px', backgroundColor: colors.white, width: 'auto', + fontFamily: 'Roboto', }; Button.displayName = 'Button'; |