diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 00:14:24 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 00:15:50 +0800 |
| commit | 88094002d3c4a755f2c4fd0ad4b155b0ce2adf19 (patch) | |
| tree | fa14cc3c1288743de5d6713dcad8f968ad791c1a /packages/website/ts | |
| parent | e57a5a6f820f7ec7fe013ee6f6e399b4f14809cf (diff) | |
| download | dexon-sol-tools-88094002d3c4a755f2c4fd0ad4b155b0ce2adf19.tar.gz dexon-sol-tools-88094002d3c4a755f2c4fd0ad4b155b0ce2adf19.tar.zst dexon-sol-tools-88094002d3c4a755f2c4fd0ad4b155b0ce2adf19.zip | |
Fix border on button
Diffstat (limited to 'packages/website/ts')
| -rw-r--r-- | packages/website/ts/@next/components/button.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index 3c22f705e..3b4ab8135 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -27,7 +27,7 @@ interface ButtonInterface { export const Button = styled.button<ButtonInterface>` appearance: none; - border: ${props => !props.isNoBorder && `1px solid transparent`}; + border: ${props => !props.isNoBorder && `1px solid ${(!props.isTransparent || props.bgColor) ? (props.bgColor || colors.brandLight) : 'transparent'}`}; display: inline-block; background-color: ${props => (!props.isTransparent || props.bgColor) ? (props.bgColor || colors.brandLight) : 'transparent'}; border-color: ${props => (props.isTransparent && !props.isWithArrow) && '#6a6a6a'}; |