From e42c1e9cd85702aac858d070dbe9eda32e95fc61 Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Thu, 3 Oct 2024 19:21:55 +0530
Subject: [PATCH] Fixed the sidebar not clonsing on click of the hambar button
 after opening it

---
 views/includes/sidebar.ejs | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/views/includes/sidebar.ejs b/views/includes/sidebar.ejs
index 0a74fab7..04ee7c19 100644
--- a/views/includes/sidebar.ejs
+++ b/views/includes/sidebar.ejs
@@ -2,7 +2,7 @@
     <i class="bi bi-list"></i>
   </div>
   <div class="sidebar">
-   <div class="crossicon" onclick="sidbarinvissible()">x</div>
+   <div class="crossicon">x</div>
    <div class="content">
     <a class="white-color hover-effect <%= path === '/' ? 'active' : '' %>" href="/">HOME</a>
           <a class="white-color hover-effect <%= path === '/generateImg' ? 'active' : '' %>"
@@ -98,13 +98,18 @@ const hamburgere1=document.querySelector(".hamburger");
   const sidebarE1=document.querySelector(".sidebar");
   function sidebartoggle(){
     // hamburgere1.style.setProperty('display', 'none');
-    sidebarE1.style.setProperty('transform', 'translateX(0)');
+    if(sidebarE1.style.transform==='translateX(100%)'){
+      sidebarE1.style.setProperty('transform', 'translateX(0)');
+    }
+    else{
+      sidebarE1.style.setProperty('transform', 'translateX(100%)');
+    }
   }
 
-  function sidbarinvissible(){
-    // hamburgere1.style.setProperty('display', 'block');
+  // function sidbarinvissible(){
+  //   // hamburgere1.style.setProperty('display', 'block');
     
-    sidebarE1.style.setProperty('transform', 'translateX(100%)');
+  //   sidebarE1.style.setProperty('transform', 'translateX(100%)');
 
-  }
+  // }
   </script>