diff options
Diffstat (limited to 'app/components/SupportStyles.js')
| -rw-r--r-- | app/components/SupportStyles.js | 311 |
1 files changed, 157 insertions, 154 deletions
diff --git a/app/components/SupportStyles.js b/app/components/SupportStyles.js index cc6cca788c..ea1f26651d 100644 --- a/app/components/SupportStyles.js +++ b/app/components/SupportStyles.js @@ -1,157 +1,160 @@ import { createViewStyles, createTextStyles } from '../lib/styles'; import { colors } from '../config'; -export default Object.assign(createViewStyles({ - support:{ - backgroundColor: colors.darkBlue, - flex: 1, - }, - support__container:{ - display: 'flex', - flexDirection: 'column', - flex: 1 - }, - support__header:{ - flex: 0, - paddingTop: 12, - paddingBottom: 12, - paddingLeft: 24, - paddingRight: 24, - }, - support__close:{ - paddingLeft: 12, - paddingTop: 24, - flexDirection: 'row', - alignItems: 'center', - justifyContent: 'flex-start', - }, - support__close_icon:{ - flex: 0, - opacity: 0.6, - marginRight: 8, - }, - support__content:{ - flex: 1, - display: 'flex', - flexDirection: 'column', - justifyContent: 'space-between', - }, - support__form:{ - display: 'flex', - flex: 1, - flexDirection: 'column', - }, - support__form_row:{ - paddingTop: 0, - paddingBottom: 8, - paddingLeft: 22, - paddingRight: 22, - }, - support__form_row_message:{ - flex: 1, - paddingTop: 0, - paddingBottom: 8, - paddingLeft: 22, - paddingRight: 22, - }, - support__form_message_scroll_wrap:{ - flex: 1, - display: 'flex', - borderRadius: 4, - overflow: 'hidden', - }, - support__footer:{ - paddingTop: 0, - paddingBottom: 16, - display: 'flex', - flexDirection: 'column', - flex: 0, - }, - support__status_icon:{ - textAlign: 'center', - marginBottom: 32, - }, -}), createTextStyles({ - support__close_title:{ - fontFamily: 'Open Sans', - fontSize: 13, - fontWeight: '600', - color: colors.white60, - }, - support__title:{ - fontFamily: 'DINPro', - fontSize: 32, - fontWeight: '900', - lineHeight: 40, - color: colors.white, - marginBottom: 16, - }, - support__subtitle:{ - fontFamily: 'Open Sans', - fontSize: 13, - fontWeight: '600', - overflow: 'visible', - color: colors.white80, - lineHeight: 20, - letterSpacing: -0.2, - }, - support__form_email:{ - flex: 1, - borderRadius: 4, - overflow: 'hidden', - paddingTop: 14, - paddingLeft: 14, - paddingRight: 14, - paddingBottom: 14, - fontFamily: 'Open Sans', - fontSize: 13, - fontWeight: '600', - lineHeight: 26, - color: colors.blue, - backgroundColor: colors.white, - }, - support__form_message:{ - paddingTop: 14, - paddingLeft: 14, - paddingRight: 14, - paddingBottom: 14, - fontFamily: 'Open Sans', - fontSize: 13, - fontWeight: '600', - color: colors.blue, - backgroundColor: colors.white, - flex: 1, - }, - support__sent_email:{ - fontWeight: '900', - color: colors.white, - }, - support__status_security__secure:{ - fontFamily: 'Open Sans', - fontSize: 16, - fontWeight: '800', - lineHeight: 22, - marginBottom: 4, - color: colors.green, - }, - support__send_status:{ - fontFamily: 'DINPro', - fontSize: 38, - fontWeight: '900', - maxHeight: 'calc(1.16em * 2)', - overflow: 'visible', - letterSpacing: -0.9, - color: colors.white, - marginBottom: 4, - }, - support__no_email_warning: { - fontFamily: 'Open Sans', - fontSize: 13, - lineHeight: 16, - color: colors.white80, - paddingTop: 8, - paddingLeft: 24, - paddingRight: 24, - paddingBottom: 8, - }, -})); +export default Object.assign( + createViewStyles({ + support: { + backgroundColor: colors.darkBlue, + flex: 1, + }, + support__container: { + display: 'flex', + flexDirection: 'column', + flex: 1, + }, + support__header: { + flex: 0, + paddingTop: 12, + paddingBottom: 12, + paddingLeft: 24, + paddingRight: 24, + }, + support__close: { + paddingLeft: 12, + paddingTop: 24, + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'flex-start', + }, + support__close_icon: { + flex: 0, + opacity: 0.6, + marginRight: 8, + }, + support__content: { + flex: 1, + display: 'flex', + flexDirection: 'column', + justifyContent: 'space-between', + }, + support__form: { + display: 'flex', + flex: 1, + flexDirection: 'column', + }, + support__form_row: { + paddingTop: 0, + paddingBottom: 8, + paddingLeft: 22, + paddingRight: 22, + }, + support__form_row_message: { + flex: 1, + paddingTop: 0, + paddingBottom: 8, + paddingLeft: 22, + paddingRight: 22, + }, + support__form_message_scroll_wrap: { + flex: 1, + display: 'flex', + borderRadius: 4, + overflow: 'hidden', + }, + support__footer: { + paddingTop: 0, + paddingBottom: 16, + display: 'flex', + flexDirection: 'column', + flex: 0, + }, + support__status_icon: { + textAlign: 'center', + marginBottom: 32, + }, + }), + createTextStyles({ + support__close_title: { + fontFamily: 'Open Sans', + fontSize: 13, + fontWeight: '600', + color: colors.white60, + }, + support__title: { + fontFamily: 'DINPro', + fontSize: 32, + fontWeight: '900', + lineHeight: 40, + color: colors.white, + marginBottom: 16, + }, + support__subtitle: { + fontFamily: 'Open Sans', + fontSize: 13, + fontWeight: '600', + overflow: 'visible', + color: colors.white80, + lineHeight: 20, + letterSpacing: -0.2, + }, + support__form_email: { + flex: 1, + borderRadius: 4, + overflow: 'hidden', + paddingTop: 14, + paddingLeft: 14, + paddingRight: 14, + paddingBottom: 14, + fontFamily: 'Open Sans', + fontSize: 13, + fontWeight: '600', + lineHeight: 26, + color: colors.blue, + backgroundColor: colors.white, + }, + support__form_message: { + paddingTop: 14, + paddingLeft: 14, + paddingRight: 14, + paddingBottom: 14, + fontFamily: 'Open Sans', + fontSize: 13, + fontWeight: '600', + color: colors.blue, + backgroundColor: colors.white, + flex: 1, + }, + support__sent_email: { + fontWeight: '900', + color: colors.white, + }, + support__status_security__secure: { + fontFamily: 'Open Sans', + fontSize: 16, + fontWeight: '800', + lineHeight: 22, + marginBottom: 4, + color: colors.green, + }, + support__send_status: { + fontFamily: 'DINPro', + fontSize: 38, + fontWeight: '900', + maxHeight: 'calc(1.16em * 2)', + overflow: 'visible', + letterSpacing: -0.9, + color: colors.white, + marginBottom: 4, + }, + support__no_email_warning: { + fontFamily: 'Open Sans', + fontSize: 13, + lineHeight: 16, + color: colors.white80, + paddingTop: 8, + paddingLeft: 24, + paddingRight: 24, + paddingBottom: 8, + }, + }), +); |