diff options
Diffstat (limited to 'src/features/nightlyBuilds/Component.js')
-rw-r--r-- | src/features/nightlyBuilds/Component.js | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/src/features/nightlyBuilds/Component.js b/src/features/nightlyBuilds/Component.js index 64f782c8f..216e35f65 100644 --- a/src/features/nightlyBuilds/Component.js +++ b/src/features/nightlyBuilds/Component.js | |||
@@ -29,14 +29,20 @@ const messages = defineMessages({ | |||
29 | }, | 29 | }, |
30 | }); | 30 | }); |
31 | 31 | ||
32 | const styles = () => ({ | 32 | const styles = theme => ({ |
33 | modal: { | ||
34 | width: '80%', | ||
35 | maxWidth: 600, | ||
36 | background: theme.styleTypes.primary.contrast, | ||
37 | paddingTop: 30, | ||
38 | }, | ||
33 | info: { | 39 | info: { |
34 | paddingTop: 20, | ||
35 | paddingBottom: 20, | 40 | paddingBottom: 20, |
36 | }, | 41 | }, |
37 | headline: { | 42 | headline: { |
38 | fontSize: 20, | 43 | fontSize: 20, |
39 | marginBottom: 20, | 44 | marginBottom: 20, |
45 | marginTop: -27, | ||
40 | }, | 46 | }, |
41 | buttonContainer: { | 47 | buttonContainer: { |
42 | display: 'flex', | 48 | display: 'flex', |
@@ -53,9 +59,6 @@ const styles = () => ({ | |||
53 | }, | 59 | }, |
54 | }); | 60 | }); |
55 | 61 | ||
56 | @injectSheet(styles) | ||
57 | @inject('stores', 'actions') | ||
58 | @observer | ||
59 | class NightlyBuildsModal extends Component { | 62 | class NightlyBuildsModal extends Component { |
60 | close() { | 63 | close() { |
61 | ModalState.isModalVisible = false; | 64 | ModalState.isModalVisible = false; |
@@ -91,6 +94,7 @@ class NightlyBuildsModal extends Component { | |||
91 | return ( | 94 | return ( |
92 | <Modal | 95 | <Modal |
93 | isOpen={isModalVisible} | 96 | isOpen={isModalVisible} |
97 | className={`${classes.modal} nightly-builds`} | ||
94 | shouldCloseOnOverlayClick | 98 | shouldCloseOnOverlayClick |
95 | close={this.close.bind(this)} | 99 | close={this.close.bind(this)} |
96 | > | 100 | > |
@@ -119,7 +123,7 @@ class NightlyBuildsModal extends Component { | |||
119 | } | 123 | } |
120 | } | 124 | } |
121 | 125 | ||
122 | NightlyBuildsModal.wrappedComponent.propTypes = { | 126 | NightlyBuildsModal.propTypes = { |
123 | stores: PropTypes.shape({ | 127 | stores: PropTypes.shape({ |
124 | settings: PropTypes.instanceOf(SettingsStore).isRequired, | 128 | settings: PropTypes.instanceOf(SettingsStore).isRequired, |
125 | }).isRequired, | 129 | }).isRequired, |
@@ -131,4 +135,8 @@ NightlyBuildsModal.wrappedComponent.propTypes = { | |||
131 | classes: PropTypes.object.isRequired, | 135 | classes: PropTypes.object.isRequired, |
132 | }; | 136 | }; |
133 | 137 | ||
134 | export default injectIntl(NightlyBuildsModal); | 138 | export default injectIntl( |
139 | injectSheet(styles)( | ||
140 | inject('stores', 'actions')(observer(NightlyBuildsModal)), | ||
141 | ), | ||
142 | ); | ||