fix(mailbox): style error view upon internet connection

unofficial-protonmail-desktop · Mar 4, 2019 · 54753ee · 54753ee
1 parent 3913c32
commit 54753ee
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/renderer/components/MailBox/index.js b/src/renderer/components/MailBox/index.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import styles from './styles.scss';
 
 export default class MailBox extends React.Component {
   static propTypes = {
@@ -62,7 +63,7 @@ export default class MailBox extends React.Component {
   render() {
     if (this.props.error) {
       return (
-        <div>
+        <div className={styles.ErrorView}>
           <h1>Are you connected?</h1>
           <p>Login page couldnt be loaded due to the following error:</p>
           <p>{this.props.error.errorDescription}</p>

diff --git a/src/renderer/components/MailBox/styles.scss b/src/renderer/components/MailBox/styles.scss
@@ -0,0 +1,9 @@
+.ErrorView {
+  width: 490px;
+  margin: 0 auto;
+  padding: 80px 0;
+
+  h1 {
+    text-align: center;
+  }
+}