From a95bc6330ee25f50102cd92f696271fb01ce2ef6 Mon Sep 17 00:00:00 2001
From: harshtandiya <harsh.tandiya@gmail.com>
Date: Fri, 25 Oct 2024 06:41:21 +0530
Subject: [PATCH] fix: sidebar translate-x-0 on md screens

---
 frontend/src/components/Sidebar.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Sidebar.vue b/frontend/src/components/Sidebar.vue
index 6fd09a8..1c0cb75 100644
--- a/frontend/src/components/Sidebar.vue
+++ b/frontend/src/components/Sidebar.vue
@@ -5,7 +5,9 @@
   >
     <div
       class="fixed flex justify-between min-h-screen w-[220px] flex-col border-r bg-primary-50 p-4 z-50 transform transition-transform duration-500 ease-in-out"
-      :class="toggleSidebar ? 'translate-x-0' : '-translate-x-full'"
+      :class="
+        toggleSidebar ? 'translate-x-0' : '-translate-x-full md:translate-x-0'
+      "
     >
       <div class="flex flex-col gap-4">
         <slot name="branding">
@@ -106,7 +108,7 @@
   <!-- Dark background overlay -->
   <div
     v-if="toggleSidebar"
-    class="fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-500"
+    class="fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-500 md:hidden"
     @click="toggleSidebar = false"
   ></div>
 </template>