Created
October 24, 2017 12:55
-
-
Save isaachinman/f83f8d83b4ee2759d2e8c417e585ef50 to your computer and use it in GitHub Desktop.
Radium-styled 404 Component
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { Component } from 'react' | |
import { Link } from 'react-router' | |
import Radium from 'radium' | |
const styles = { | |
text: { | |
margin: '5rem auto .5rem', | |
textAlign: 'center', | |
'@media (min-width: 991px)': { | |
margin: '7rem auto 1.2rem', | |
}, | |
}, | |
goHome: { | |
display: 'block', | |
marginBottom: '10rem', | |
textAlign: 'center', | |
}, | |
} | |
@Radium | |
export default class NotFound extends Component { | |
render() { | |
return ( | |
<div> | |
<h1 style={styles.text}>404: Page Not Found</h1> | |
<Link to='/' style={styles.goHome}> | |
Take me home! | |
</Link> | |
</div> | |
) | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment