aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-10-11 04:31:18 +0800
committerFabio Berger <me@fabioberger.com>2018-10-11 04:31:18 +0800
commit7418932432de53300ba276da1ca9a33fb2f1d8b1 (patch)
tree2bc7c5d8f1ba1da1e4f455cbe4bcb2ae76083063 /packages/dev-tools-pages/ts/components
parentfb882b0c7710151af7024c510d853f828a54f43a (diff)
downloaddexon-sol-tools-7418932432de53300ba276da1ca9a33fb2f1d8b1.tar
dexon-sol-tools-7418932432de53300ba276da1ca9a33fb2f1d8b1.tar.gz
dexon-sol-tools-7418932432de53300ba276da1ca9a33fb2f1d8b1.tar.bz2
dexon-sol-tools-7418932432de53300ba276da1ca9a33fb2f1d8b1.tar.lz
dexon-sol-tools-7418932432de53300ba276da1ca9a33fb2f1d8b1.tar.xz
dexon-sol-tools-7418932432de53300ba276da1ca9a33fb2f1d8b1.tar.zst
dexon-sol-tools-7418932432de53300ba276da1ca9a33fb2f1d8b1.zip
Fix button and center
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/ui/button.tsx15
1 files changed, 6 insertions, 9 deletions
diff --git a/packages/dev-tools-pages/ts/components/ui/button.tsx b/packages/dev-tools-pages/ts/components/ui/button.tsx
index 7b2e33141..9ffd87e91 100644
--- a/packages/dev-tools-pages/ts/components/ui/button.tsx
+++ b/packages/dev-tools-pages/ts/components/ui/button.tsx
@@ -31,28 +31,25 @@ export const Button = styled(PlainButton)`
border-radius: 3px;
outline: none;
width: ${props => props.width};
- background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')};
- border: ${props => (props.borderColor ? `1px solid ${props.theme[props.borderColor]}` : 'none')};
+ background-color: ${props => (props.backgroundColor ? props.backgroundColor : 'none')};
+ border: ${props => (props.borderColor ? `1px solid ${props.backgroundColor}` : 'none')};
&:hover {
background-color: ${props =>
- !props.isDisabled
- ? darken(darkenOnHoverAmount, props.theme[props.backgroundColor || 'white'])
- : ''} !important;
+ !props.isDisabled ? darken(darkenOnHoverAmount, props.backgroundColor) : ''} !important;
}
&:active {
- background-color: ${props =>
- !props.isDisabled ? darken(darkenOnActiveAmount, props.theme[props.backgroundColor || 'white']) : ''};
+ background-color: ${props => (!props.isDisabled ? darken(darkenOnActiveAmount, props.backgroundColor) : '')};
}
&:disabled {
opacity: 0.5;
}
&:focus {
- background-color: ${props => saturate(saturateOnFocusAmount, props.theme[props.backgroundColor || 'white'])};
+ background-color: ${props => saturate(saturateOnFocusAmount, props.backgroundColor)};
}
`;
Button.defaultProps = {
- backgroundColor: 'black',
+ backgroundColor: 'red',
width: 'auto',
isDisabled: false,
padding: '1em 2.2em',