diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-12 12:31:47 +0200 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-12 12:31:47 +0200 |
commit | c24781db23c786d58ffda1f148f98871c6e8b1d1 (patch) | |
tree | 7433b8ed90f036b7039f7d61535cfdc0d999d358 /src/features/announcements | |
parent | improve starting and stopping logic for workspace actions and reactions (diff) | |
download | ferdium-app-c24781db23c786d58ffda1f148f98871c6e8b1d1.tar.gz ferdium-app-c24781db23c786d58ffda1f148f98871c6e8b1d1.tar.zst ferdium-app-c24781db23c786d58ffda1f148f98871c6e8b1d1.zip |
align announcement and spotlight
Diffstat (limited to 'src/features/announcements')
-rw-r--r-- | src/features/announcements/components/AnnouncementScreen.js | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/features/announcements/components/AnnouncementScreen.js b/src/features/announcements/components/AnnouncementScreen.js index e0c65c11f..13cb6aab0 100644 --- a/src/features/announcements/components/AnnouncementScreen.js +++ b/src/features/announcements/components/AnnouncementScreen.js | |||
@@ -121,7 +121,7 @@ const styles = theme => ({ | |||
121 | spotlight: { | 121 | spotlight: { |
122 | height: 'auto', | 122 | height: 'auto', |
123 | background: theme.announcements.spotlight.background, | 123 | background: theme.announcements.spotlight.background, |
124 | padding: 60, | 124 | padding: [40, 0], |
125 | marginTop: 80, | 125 | marginTop: 80, |
126 | [`@media(min-width: ${smallScreen})`]: { | 126 | [`@media(min-width: ${smallScreen})`]: { |
127 | marginTop: 0, | 127 | marginTop: 0, |
@@ -138,10 +138,10 @@ const styles = theme => ({ | |||
138 | [`@media(min-width: ${smallScreen})`]: { | 138 | [`@media(min-width: ${smallScreen})`]: { |
139 | marginBottom: 0, | 139 | marginBottom: 0, |
140 | minWidth: 250, | 140 | minWidth: 250, |
141 | maxWidth: 400, | 141 | maxWidth: 330, |
142 | width: '100%', | 142 | width: '100%', |
143 | textAlign: 'right', | 143 | textAlign: 'right', |
144 | paddingRight: 80, | 144 | marginRight: 60, |
145 | }, | 145 | }, |
146 | }, | 146 | }, |
147 | spotlightContentContainer: { | 147 | spotlightContentContainer: { |
@@ -149,6 +149,7 @@ const styles = theme => ({ | |||
149 | [`@media(min-width: ${smallScreen})`]: { | 149 | [`@media(min-width: ${smallScreen})`]: { |
150 | height: 'auto', | 150 | height: 'auto', |
151 | maxWidth: 600, | 151 | maxWidth: 600, |
152 | paddingRight: 40, | ||
152 | textAlign: 'left', | 153 | textAlign: 'left', |
153 | }, | 154 | }, |
154 | '& p': { | 155 | '& p': { |
@@ -165,7 +166,8 @@ const styles = theme => ({ | |||
165 | fontSize: 20, | 166 | fontSize: 20, |
166 | }, | 167 | }, |
167 | changelog: { | 168 | changelog: { |
168 | maxWidth: 650, | 169 | padding: [0, 60], |
170 | maxWidth: 700, | ||
169 | margin: [100, 'auto'], | 171 | margin: [100, 'auto'], |
170 | height: 'auto', | 172 | height: 'auto', |
171 | 173 | ||
@@ -175,6 +177,7 @@ const styles = theme => ({ | |||
175 | }, | 177 | }, |
176 | '& li': { | 178 | '& li': { |
177 | marginBottom: '1em', | 179 | marginBottom: '1em', |
180 | lineHeight: '1.4em', | ||
178 | }, | 181 | }, |
179 | '& div': { | 182 | '& div': { |
180 | height: 'auto', | 183 | height: 'auto', |