From eee3232d4c953f08a78149d4d9d7101cb77f7b9b Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 13 Nov 2023 22:03:23 +0100
Subject: [PATCH] Updated the Sidebar styles.sass

---
 src/states/Manage/pages/Sidebar/styles.sass | 29 ++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/states/Manage/pages/Sidebar/styles.sass b/src/states/Manage/pages/Sidebar/styles.sass
index f7e4eb0..2778ae7 100644
--- a/src/states/Manage/pages/Sidebar/styles.sass
+++ b/src/states/Manage/pages/Sidebar/styles.sass
@@ -49,4 +49,31 @@ aside .header:hover
 
 .item-active
   display: flex
-  background-color: $background
\ No newline at end of file
+  background-color: $background
+
+@media screen and (max-width: 768px)
+  aside
+    position: fixed
+    top: 0
+    left: 0
+    z-index: 100
+    height: 100%
+    overflow-y: scroll
+    transform: translateX(-100%)
+    transition: transform 0.3s ease-in-out
+    &.active
+      transform: translateX(0)
+
+  .sidebar-overlay
+    position: fixed
+    top: 0
+    left: 0
+    z-index: 99
+    width: 100%
+    height: 100%
+    background-color: rgba(0, 0, 0, 0.3)
+    backdrop-filter: blur(2px)
+
+@media screen and (max-width: 425px)
+  aside
+    width: 100%
\ No newline at end of file