diff options
author | 2019-09-05 13:24:20 +0200 | |
---|---|---|
committer | 2019-09-05 13:24:20 +0200 | |
commit | 6493655149a2eba646b2bc50f1a4f33d3b2bb2d1 (patch) | |
tree | 538afd62816f942361bfcf7c3e6a7b7b20b700fa /src/components/settings/team/TeamDashboard.js | |
parent | fix(Windows): Fix app size in fullscreen (diff) | |
download | ferdium-app-6493655149a2eba646b2bc50f1a4f33d3b2bb2d1.tar.gz ferdium-app-6493655149a2eba646b2bc50f1a4f33d3b2bb2d1.tar.zst ferdium-app-6493655149a2eba646b2bc50f1a4f33d3b2bb2d1.zip |
Fix headline spacing
Diffstat (limited to 'src/components/settings/team/TeamDashboard.js')
-rw-r--r-- | src/components/settings/team/TeamDashboard.js | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/components/settings/team/TeamDashboard.js b/src/components/settings/team/TeamDashboard.js index a9df980d7..366b0113a 100644 --- a/src/components/settings/team/TeamDashboard.js +++ b/src/components/settings/team/TeamDashboard.js | |||
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react'; | |||
4 | import { defineMessages, intlShape } from 'react-intl'; | 4 | import { defineMessages, intlShape } from 'react-intl'; |
5 | import ReactTooltip from 'react-tooltip'; | 5 | import ReactTooltip from 'react-tooltip'; |
6 | import injectSheet from 'react-jss'; | 6 | import injectSheet from 'react-jss'; |
7 | import classnames from 'classnames'; | ||
7 | 8 | ||
8 | import { Badge } from '@meetfranz/ui'; | 9 | import { Badge } from '@meetfranz/ui'; |
9 | import Loader from '../../ui/Loader'; | 10 | import Loader from '../../ui/Loader'; |
@@ -75,6 +76,9 @@ const styles = { | |||
75 | headline: { | 76 | headline: { |
76 | marginBottom: 0, | 77 | marginBottom: 0, |
77 | }, | 78 | }, |
79 | headlineWithSpacing: { | ||
80 | marginBottom: 'inherit', | ||
81 | }, | ||
78 | proRequired: { | 82 | proRequired: { |
79 | margin: [10, 0, 40], | 83 | margin: [10, 0, 40], |
80 | height: 'auto', | 84 | height: 'auto', |
@@ -140,7 +144,14 @@ export default @injectSheet(styles) @observer class TeamDashboard extends Compon | |||
140 | {!isLoading && ( | 144 | {!isLoading && ( |
141 | <> | 145 | <> |
142 | <> | 146 | <> |
143 | <h1 className={classes.headline}>{intl.formatMessage(messages.contentHeadline)}</h1> | 147 | <h1 className={classnames({ |
148 | [classes.headline]: true, | ||
149 | [classes.headlineWithSpacing]: isProUser, | ||
150 | })} | ||
151 | > | ||
152 | {intl.formatMessage(messages.contentHeadline)} | ||
153 | |||
154 | </h1> | ||
144 | {!isProUser && ( | 155 | {!isProUser && ( |
145 | <Badge className={classes.proRequired}>{intl.formatMessage(globalMessages.proRequired)}</Badge> | 156 | <Badge className={classes.proRequired}>{intl.formatMessage(globalMessages.proRequired)}</Badge> |
146 | )} | 157 | )} |