From ec3ce1585b16fa9c645fa6294beb663aff41f502 Mon Sep 17 00:00:00 2001
From: aronmal <aron@mal-noh.de>
Date: Wed, 8 Feb 2023 17:36:29 +0100
Subject: [PATCH] Burgermenu with tailwindcss

---
 leaky-ships/pages/dev/lobby.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/leaky-ships/pages/dev/lobby.tsx b/leaky-ships/pages/dev/lobby.tsx
index 08d7372..cd672e4 100644
--- a/leaky-ships/pages/dev/lobby.tsx
+++ b/leaky-ships/pages/dev/lobby.tsx
@@ -22,8 +22,12 @@ export default function Home() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <button id="navExpand">
-        <img id="burgerMenu" src="/assets/burger-menu.png" alt="Burger Menu" />
+      <button className="absolute top-16 left-16 flex h-24 w-24 items-center justify-center rounded-lg bg-grayish">
+        <img
+          className="pixelart h-20 w-20"
+          src="/assets/burger-menu.png"
+          alt="Burger Menu"
+        />
       </button>
       <div className="flex flex-row bg-shield-gray bg-[url('/assets/shield.png')] bg-cover bg-no-repeat">
         <div className="flex flex-col items-center justify-between">