From f41e03ddf812be45254d3c64cb1b3daa49b3fde2 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Fri, 20 Oct 2023 19:46:13 +0200
Subject: [PATCH] fix admin panel nav bug

---
 src/webapp/main/src/views/admin/AdminView.vue | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/webapp/main/src/views/admin/AdminView.vue b/src/webapp/main/src/views/admin/AdminView.vue
index 26985a5..ef10765 100644
--- a/src/webapp/main/src/views/admin/AdminView.vue
+++ b/src/webapp/main/src/views/admin/AdminView.vue
@@ -74,7 +74,7 @@
         display: none;
         height: 100vh;
         top: 0;
-        width: 70vw;
+        width: 100vw;
         padding: 0;
         margin: 0;
         background-color: var( --accent-background );
@@ -129,7 +129,25 @@
         color: var( --primary-color );
     }
 
-    @media only screen and (min-width: 1299px) {
+    @media only screen and (min-width: 400px) {
+        .side-nav {
+            width: 70vw;
+        }
+    }
+
+    @media only screen and (min-width: 750px) {
+        .side-nav {
+            width: 45vw;
+        }
+    }
+
+    @media only screen and (min-width: 1050px) {
+        .side-nav {
+            width: 32vw;
+        }
+    }
+
+    @media only screen and (min-width: 1300px) {
         .hideNav, .backdrop {
             display: none;
         }