From 30c1b0fa2e66720dd9fc1c83fcd2def4f44b8407 Mon Sep 17 00:00:00 2001
From: janis <jahu04@outlook.com>
Date: Wed, 21 Jun 2023 08:30:55 +0200
Subject: [PATCH] nav hiding for small screens, incomplete

---
 src/webapp/src/views/admin/AdminView.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/webapp/src/views/admin/AdminView.vue b/src/webapp/src/views/admin/AdminView.vue
index 95aed1b..cbe29e1 100644
--- a/src/webapp/src/views/admin/AdminView.vue
+++ b/src/webapp/src/views/admin/AdminView.vue
@@ -12,6 +12,7 @@
         <div class="top-bar">
             <h1>Admin panel</h1>
         </div>
+        <button class="hideNav">&#9776</button>
         <nav class="side-nav">
             <img src="@/assets/logo.png" alt="libreevent logo" style="width: 80%; margin-left: 10%; margin-bottom: 5%;">
             <router-link to="/admin" class="admin-menu">Home</router-link>
@@ -100,6 +101,20 @@
         transition: 0.4s;
     }
 
+    .hideNav {
+        border: none;
+        font-size: 300%;
+        color: var( --secondary-color );
+        width: fit-content;
+        background-color: rgba( 0, 0, 0, 0 );
+        position: fixed;
+    }
+
+    @media only screen and (min-width: 1299px) {
+        .hideNav {
+            display: none;
+        }
+    }
 </style>
 
 <style>