add navbar on 404 page

This commit is contained in:
Aarni Halinen
2021-04-19 21:01:28 +03:00
parent f4b6ce17fb
commit 30abec3f16
+14 -8
View File
@@ -2,15 +2,18 @@ import React from "react";
import { NextPage } from "next"; import { NextPage } from "next";
import Head from "next/head"; import Head from "next/head";
import styled from "styled-components"; import styled from "styled-components";
import Header from "@components/Header";
const NotFound = styled.main` const NotFound = styled.main`
text-align: center; flex: 1 0 auto;
font-size: 4rem; display: flex;
font-weight: 200; justify-content: center;
position: absolute; align-items: center;
height: 10rem; p {
top: calc(50vh - 5rem); text-align: center;
width: 100%; font-size: 4rem;
font-weight: 200;
}
`; `;
const NotFoundPage: NextPage = () => ( const NotFoundPage: NextPage = () => (
@@ -19,8 +22,11 @@ const NotFoundPage: NextPage = () => (
<title>404 | Ei vaan löydy</title> <title>404 | Ei vaan löydy</title>
<meta name="robots" content="noindex" /> <meta name="robots" content="noindex" />
</Head> </Head>
<Header />
<NotFound id="not-found"> <NotFound id="not-found">
<strong>404</strong> | Ei vaan löydy <p>
<strong>404</strong> | Ei&nbsp;vaan&nbsp;löydy
</p>
</NotFound> </NotFound>
</> </>
); );