add navbar on 404 page
This commit is contained in:
+14
-8
@@ -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 vaan löydy
|
||||||
|
</p>
|
||||||
</NotFound>
|
</NotFound>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user