diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:29:18 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-09 07:29:18 +0800 |
commit | 15a12cfa2288a728fe2947741447b25cb2e0f5b6 (patch) | |
tree | 5443c106777f05760e16da7335ac18a4ef689280 /packages/instant/src/components/ui/icon.tsx | |
parent | 27ea271842c55cd09546c6bbf5b1c8d635666526 (diff) | |
download | dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.gz dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.bz2 dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.lz dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.xz dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.tar.zst dexon-sol-tools-15a12cfa2288a728fe2947741447b25cb2e0f5b6.zip |
fix: various style issues
Diffstat (limited to 'packages/instant/src/components/ui/icon.tsx')
-rw-r--r-- | packages/instant/src/components/ui/icon.tsx | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/packages/instant/src/components/ui/icon.tsx b/packages/instant/src/components/ui/icon.tsx index 707aee24f..a88fa87dd 100644 --- a/packages/instant/src/components/ui/icon.tsx +++ b/packages/instant/src/components/ui/icon.tsx @@ -101,16 +101,18 @@ const PlainIcon: React.StatelessComponent<IconProps> = props => { }; export const Icon = withTheme(styled(PlainIcon)` - display: inline-block; - ${props => (!_.isUndefined(props.onClick) ? 'cursor: pointer' : '')}; - transition: opacity 0.5s ease; - padding: ${props => props.padding}; - opacity: ${props => (!_.isUndefined(props.onClick) ? 0.7 : 1)}; - &:hover { - opacity: 1; - } - &:active { - opacity: 1; + && { + display: inline-block; + ${props => (!_.isUndefined(props.onClick) ? 'cursor: pointer' : '')}; + transition: opacity 0.5s ease; + padding: ${props => props.padding}; + opacity: ${props => (!_.isUndefined(props.onClick) ? 0.7 : 1)}; + &:hover { + opacity: 1; + } + &:active { + opacity: 1; + } } `); |