diff --git a/src/components/ContainerHome.react.js b/src/components/ContainerHome.react.js index e6fec53db0..198730eeb1 100644 --- a/src/components/ContainerHome.react.js +++ b/src/components/ContainerHome.react.js @@ -52,11 +52,11 @@ var ContainerHome = React.createClass({ let body; if (this.props.container.Error) { body = ( -
-

An error occurred:

-

{this.props.container.Error}

-

If you feel that this error is invalid, please file a ticket on our GitHub repo.

- +
+

We're sorry. There seem to be an error:

+

{this.props.container.Error}

+

If this error is invalid, please file a ticket on our Github repo.

+ File Ticket
); } else if (this.props.container && this.props.container.State.Downloading) { diff --git a/src/components/NewContainerSearch.react.js b/src/components/NewContainerSearch.react.js index d5ce1ab14a..7465a5ff70 100644 --- a/src/components/NewContainerSearch.react.js +++ b/src/components/NewContainerSearch.react.js @@ -126,7 +126,7 @@ module.exports = React.createClass({

Please verify your Docker Hub account email address

- {spinner} + {spinner}
diff --git a/styles/right-panel.less b/styles/right-panel.less index 71d5ea0dd3..95135eda25 100644 --- a/styles/right-panel.less +++ b/styles/right-panel.less @@ -184,6 +184,23 @@ margin-bottom: 20px; text-align: center; } + &.error { + p { + color: @gray-darker; + &.error-message { + span { + display: block; + margin-bottom: 0.5rem; + } + text-align: center; + color: @brand-negative; + background-color: lighten(@brand-negative, 32%); + padding: 1rem; + border-radius: @border-radius; + -webkit-user-select: text; + } + } + } } .details-panel { flex: 1 auto;