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({
|
||||
render() {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
.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