mirror of
https://github.com/ascribe/onion.git
synced 2025-02-14 21:10:27 +01:00
style 404 page
This commit is contained in:
parent
90cf137c2c
commit
99d29449a3
@ -6,7 +6,16 @@ import React from 'react';
|
|||||||
let ErrorNotFoundPage = React.createClass({
|
let ErrorNotFoundPage = React.createClass({
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<span>Hello</span>
|
<div className="row">
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="error-wrapper">
|
||||||
|
<h1>404</h1>
|
||||||
|
<p>
|
||||||
|
Ups, the page you are looking for does not exist.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -480,3 +480,20 @@ hr {
|
|||||||
border-color: #ccc;
|
border-color: #ccc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.error-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
padding: 5% 20% 5% 20%;
|
||||||
|
|
||||||
|
> h1 {
|
||||||
|
font-size: 10em;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: .25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
> p {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user