Change menu

webui/src/lib/Header.svelte

@@ -1,22 +1,27 @@
 <script>
-    import favicon from '$lib/images/haus.svg'
+	import Hamburger from "hamburger-menu-svelte";
+	const menu_list = [
+		{ name: "Home", url: "/" },
+		{ name: "Bicycle", url: "/bicycle" },
+		{ name: "Sauna", url: "/sauna" }
+	];
 </script>
 
 <header class="header">
-    <!-- <a href="https://www.perinet.io" target="_blank" class="logo">
-        <img src={perinetLogo} alt="Perinet Logo" width="180">
-    </a> -->
-
-    <link rel="shortcut icon" type="image/svg" href={favicon} />
-
-    <input class="menu-btn" type="checkbox" id="menu-btn" />
-
-    <label class="menu-icon" for="menu-btn"><span class="nav-icon"></span></label>
-
-    <ul class="menu">
-        <li><a href="/">Home</a></li>
-        <li><a href="/bicycle">Bicycle</a></li>
-        <!-- <li><a href="/chicken">Chicken</a></li> -->
-        <li><a href="/sauna">Sauna</a></li>
-    </ul>
+    <Hamburger {menu_list}/>
 </header>
+
+<style>
+	/* header {
+		height: 40px;
+		display: flex;
+		align-items: center;
+		padding:10px 20px;
+	}
+
+	@media (min-width: 768px) {
+		header {
+			justify-content: space-between;
+		}
+	} */
+</style>