aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/button.tsx
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 21:28:33 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 21:28:33 +0800
commit0df51c37d172ec1c5b80c849869aaba665fef194 (patch)
treed3bf98c8651a0a8c8d0459a192ae9a4899cb9d44 /packages/website/ts/@next/components/button.tsx
parentbb2581612a2d4935ab58ec91fb024edfafeb954e (diff)
downloaddexon-sol-tools-0df51c37d172ec1c5b80c849869aaba665fef194.tar
dexon-sol-tools-0df51c37d172ec1c5b80c849869aaba665fef194.tar.gz
dexon-sol-tools-0df51c37d172ec1c5b80c849869aaba665fef194.tar.bz2
dexon-sol-tools-0df51c37d172ec1c5b80c849869aaba665fef194.tar.lz
dexon-sol-tools-0df51c37d172ec1c5b80c849869aaba665fef194.tar.xz
dexon-sol-tools-0df51c37d172ec1c5b80c849869aaba665fef194.tar.zst
dexon-sol-tools-0df51c37d172ec1c5b80c849869aaba665fef194.zip
Edits banner, types newlayout
Diffstat (limited to 'packages/website/ts/@next/components/button.tsx')
-rw-r--r--packages/website/ts/@next/components/button.tsx3
1 files changed, 1 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx
index db6c5d5c2..3f14b59bd 100644
--- a/packages/website/ts/@next/components/button.tsx
+++ b/packages/website/ts/@next/components/button.tsx
@@ -16,7 +16,6 @@ interface ButtonInterface {
isWithArrow?: boolean;
isAccentColor?: boolean;
hasIcon?: boolean | string;
- isInline?: boolean;
href?: string;
onClick?: () => any;
theme?: {
@@ -27,7 +26,7 @@ interface ButtonInterface {
export const Button = styled.button<ButtonInterface>`
appearance: none;
border: ${props => !props.isNoBorder && `1px solid transparent`};
- display: ${props => props.isInline && 'inline-block'};
+ display: inline-block;
background-color: ${props => (!props.isTransparent || props.bgColor) ? (props.bgColor || colors.brandLight) : 'transparent'};
border-color: ${props => (props.isTransparent && !props.isWithArrow) && '#6a6a6a'};
color: ${props => props.isAccentColor ? props.theme.linkColor : (props.color || props.theme.textColor)};