diff options
author | Michael Muré <batolettre@gmail.com> | 2021-03-21 21:31:14 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-21 21:31:14 +0100 |
commit | 52df5a1f1199d085b2bb10fb7ed5599dcb8307c4 (patch) | |
tree | 031a10e135ceb60c623aca994db9c4c701b7ef66 /webui/src/pages/notfound | |
parent | 6744cddaa6ed25b9f2c0c61ef9df1823b5e74e6e (diff) | |
parent | aeb26d0e84b14a44ed52e2fd158b01310e295e45 (diff) | |
download | git-bug-52df5a1f1199d085b2bb10fb7ed5599dcb8307c4.tar.gz |
Merge pull request #600 from GlancingMind/upstream-improve-navigation
WebUI: Improve navigation
Diffstat (limited to 'webui/src/pages/notfound')
-rw-r--r-- | webui/src/pages/notfound/NotFoundPage.tsx | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/webui/src/pages/notfound/NotFoundPage.tsx b/webui/src/pages/notfound/NotFoundPage.tsx new file mode 100644 index 00000000..2c6f6854 --- /dev/null +++ b/webui/src/pages/notfound/NotFoundPage.tsx @@ -0,0 +1,52 @@ +import React from 'react'; + +import { makeStyles } from '@material-ui/core/styles'; + +import BackToListButton from '../../components/BackToListButton'; + +const useStyles = makeStyles((theme) => ({ + main: { + maxWidth: 1000, + margin: 'auto', + marginTop: theme.spacing(10), + }, + logo: { + height: '350px', + display: 'block', + marginLeft: 'auto', + marginRight: 'auto', + }, + icon: { + display: 'block', + marginLeft: 'auto', + marginRight: 'auto', + fontSize: '80px', + }, + backLink: { + marginTop: theme.spacing(1), + textAlign: 'center', + }, + header: { + fontSize: '30px', + textAlign: 'center', + }, +})); + +function NotFoundPage() { + const classes = useStyles(); + return ( + <main className={classes.main}> + <h1 className={classes.header}>404 – Page not found</h1> + <img + src="/logo-alpha-flat-outline.svg" + className={classes.logo} + alt="git-bug Logo" + /> + <div className={classes.backLink}> + <BackToListButton /> + </div> + </main> + ); +} + +export default NotFoundPage; |