diff options
Diffstat (limited to 'packages/ui/src')
-rw-r--r-- | packages/ui/src/badge/ProBadge.tsx | 5 | ||||
-rw-r--r-- | packages/ui/src/infobox/index.tsx | 2 |
2 files changed, 5 insertions, 2 deletions
diff --git a/packages/ui/src/badge/ProBadge.tsx b/packages/ui/src/badge/ProBadge.tsx index c18cb4a0c..5cc41f5b2 100644 --- a/packages/ui/src/badge/ProBadge.tsx +++ b/packages/ui/src/badge/ProBadge.tsx | |||
@@ -4,13 +4,14 @@ import classnames from 'classnames'; | |||
4 | import React, { Component } from 'react'; | 4 | import React, { Component } from 'react'; |
5 | import injectStyle from 'react-jss'; | 5 | import injectStyle from 'react-jss'; |
6 | 6 | ||
7 | import { Icon, Badge } from '../'; | 7 | import { Badge, Icon } from '../'; |
8 | import { IWithStyle } from '../typings/generic'; | 8 | import { IWithStyle } from '../typings/generic'; |
9 | 9 | ||
10 | interface IProps extends IWithStyle { | 10 | interface IProps extends IWithStyle { |
11 | badgeClasses?: string; | 11 | badgeClasses?: string; |
12 | iconClasses?: string; | 12 | iconClasses?: string; |
13 | inverted?: boolean; | 13 | inverted?: boolean; |
14 | className?: string; | ||
14 | } | 15 | } |
15 | 16 | ||
16 | const styles = (theme: Theme) => ({ | 17 | const styles = (theme: Theme) => ({ |
@@ -38,6 +39,7 @@ class ProBadgeComponent extends Component<IProps> { | |||
38 | badgeClasses, | 39 | badgeClasses, |
39 | iconClasses, | 40 | iconClasses, |
40 | inverted, | 41 | inverted, |
42 | className, | ||
41 | } = this.props; | 43 | } = this.props; |
42 | 44 | ||
43 | return ( | 45 | return ( |
@@ -47,6 +49,7 @@ class ProBadgeComponent extends Component<IProps> { | |||
47 | classes.badge, | 49 | classes.badge, |
48 | inverted && classes.invertedBadge, | 50 | inverted && classes.invertedBadge, |
49 | badgeClasses, | 51 | badgeClasses, |
52 | className, | ||
50 | ])} | 53 | ])} |
51 | > | 54 | > |
52 | <Icon | 55 | <Icon |
diff --git a/packages/ui/src/infobox/index.tsx b/packages/ui/src/infobox/index.tsx index 5070ee7ef..e4c2c5a3e 100644 --- a/packages/ui/src/infobox/index.tsx +++ b/packages/ui/src/infobox/index.tsx | |||
@@ -49,13 +49,13 @@ const styles = (theme: Theme) => ({ | |||
49 | position: 'relative', | 49 | position: 'relative', |
50 | overflow: 'hidden', | 50 | overflow: 'hidden', |
51 | height: 'auto', | 51 | height: 'auto', |
52 | marginBottom: 30, | ||
52 | }, | 53 | }, |
53 | infobox: { | 54 | infobox: { |
54 | alignItems: 'center', | 55 | alignItems: 'center', |
55 | borderRadius: theme.borderRadiusSmall, | 56 | borderRadius: theme.borderRadiusSmall, |
56 | display: 'flex', | 57 | display: 'flex', |
57 | height: 'auto', | 58 | height: 'auto', |
58 | marginBottom: 30, | ||
59 | padding: '15px 20px', | 59 | padding: '15px 20px', |
60 | top: 0, | 60 | top: 0, |
61 | transition: 'all 0.5s', | 61 | transition: 'all 0.5s', |