From e1b19ae1faaf922cf889ce0d7815daf0e21e2c97 Mon Sep 17 00:00:00 2001
From: "E. Almqvist" <elalmqvist@gmail.com>
Date: Sun, 3 Jul 2022 13:53:27 +0200
Subject: [PATCH] Menu stuff

---
 components/burgermenu.tsx | 22 ++++++++++++++++++++++
 components/header.tsx     |  6 ++++--
 2 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 components/burgermenu.tsx

diff --git a/components/burgermenu.tsx b/components/burgermenu.tsx
new file mode 100644
index 0000000..9677636
--- /dev/null
+++ b/components/burgermenu.tsx
@@ -0,0 +1,22 @@
+import styled from 'styled-components'
+import Link from "next/link"
+
+const MenuLine = styled.div`
+	display: block;
+	width: 15rem;
+	height: 5px;
+	border-radius: 4px;
+	background-color: var(--fg);
+`
+
+const Menu = () => {
+	return (
+		<div className="burger-container">
+				<MenuLine />
+				<MenuLine />
+				<MenuLine />
+		</div>
+	)
+}
+
+export default Menu
diff --git a/components/header.tsx b/components/header.tsx
index 4317d96..6bb9b00 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -1,6 +1,7 @@
-import styled from 'styled-components'
-import Nav from './nav'
+import styled from "styled-components"
+import Nav from "./nav"
 import Link from "next/link"
+import Menu from "./burgermenu"
 
 const HeaderCont = styled.header`
 	display: flex;
@@ -28,6 +29,7 @@ const Header = () => {
 		<HeaderCont>
 			<h1><Link href="/">wych.dev</Link></h1>
 			<Nav />
+			<Menu />
 		</HeaderCont>
 	)
 }