diff --git a/dist/img/warning.png b/dist/img/warning.png new file mode 100644 index 000000000..c15cc246a Binary files /dev/null and b/dist/img/warning.png differ diff --git a/js/app.js b/js/app.js index 6d2a3b17c..f4fc8adad 100644 --- a/js/app.js +++ b/js/app.js @@ -112,7 +112,7 @@ var App = React.createClass({ this.setState({ modal: 'error', - errorInfo: , + errorInfo: , }); }, getHeaderLinks: function() @@ -204,14 +204,17 @@ var App = React.createClass({ : null} - -

Error

-
- -

Sorry, but LBRY has encountered an error! This has been reported and we will investigate the problem.

+ +

Error

+ +
+
+

We're sorry that LBRY has encountered an error. This has been reported and we will investigate the problem.

{this.state.errorInfo} - +
+ +
); diff --git a/scss/_gui.scss b/scss/_gui.scss index 54f354375..184bf68b5 100644 --- a/scss/_gui.scss +++ b/scss/_gui.scss @@ -260,10 +260,14 @@ input[type="text"], input[type="search"] overflow: auto; border-radius: 4px; outline: none; - padding: 40px; + padding: 36px; max-width: 250px; } +.modal__header { + margin-bottom: 5px; +} + .modal__buttons { display: flex; flex-direction: row; @@ -275,15 +279,14 @@ input[type="text"], input[type="search"] margin: 0px 6px; } - -.modal__error-list { +.error-modal__error-list { border: 1px solid #eee; padding: 8px; list-style: none; } .error-modal-overlay { - background: rgba(#000, .85); + background: rgba(#000, .88); } .error-modal { @@ -291,13 +294,12 @@ input[type="text"], input[type="search"] width: 400px; } -.error-modal__layout { +.error-modal__content { display: flex; padding: 0px 8px 10px 10px; } -.error-modal .icon-warning { - font-size: 48px; - color: $color-money; +.error-modal__warning-symbol { + margin-top: 6px; margin-right: 7px; } \ No newline at end of file