Styled 'Not found' error page.

This commit is contained in:
Menaka Jayawardena 2017-10-07 01:32:53 +05:30
parent b630410698
commit fc44322776
2 changed files with 37 additions and 2 deletions

View File

@ -833,3 +833,23 @@ div.tab button.active {
.data-table-row-cell {
padding-top: 14px;
}
.error-code {
text-align: center;
font-family: Roboto-Medium;
font-weight: 800;
font-size: 15em;
color: #BaBaBa;
}
.error-code p {
}
.error-text {
text-align: center;
font-family: Roboto-Regular;
font-size: 14px;
font-weight: 500;
color: #9e9e9e;
}

View File

@ -16,6 +16,7 @@
* under the License.
*/
import React, {Component} from 'react';
import {Col, Row} from "reactstrap";
/**
* Error page.
@ -28,8 +29,22 @@ class Error extends Component {
render() {
return (
<div>
404 not found
<div className="error-page">
<Row>
<Col>
<div className="error-code">
<p>404</p>
</div>
</Col>
</Row>
<Row>
<Col>
<div className="error-text">
<p>The page you are looking for doesn't exist or error occurred.</p>
<p>Please click <a href="/publisher">here</a> to go to App publisher home page.</p>
</div>
</Col>
</Row>
</div>
);
}