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