From 3b2063ae0a85e1f0c3f4e8c6d1c53f52c831dfcc Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Sat, 31 Jan 2026 00:43:53 +0300
Subject: [PATCH] fix: Use touchstart event for mobile sidebar backdrop

---
 frontend/public/tailwind.css | 3 +++
 frontend/src/app.rs          | 6 ++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/public/tailwind.css b/frontend/public/tailwind.css
index 403df37..f57eda0 100644
--- a/frontend/public/tailwind.css
+++ b/frontend/public/tailwind.css
@@ -426,6 +426,9 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .cursor-default {
+    cursor: default;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
diff --git a/frontend/src/app.rs b/frontend/src/app.rs
index d5808fb..a93c38c 100644
--- a/frontend/src/app.rs
+++ b/frontend/src/app.rs
@@ -327,10 +327,12 @@ pub fn App() -> impl IntoView {
                     // MOBILE SIDEBAR
                     <div 
                         class={move || if show_mobile_sidebar.get() { "fixed inset-0 z-50 flex md:hidden" } else { "hidden" }}
-                        on:click=move |_| set_show_mobile_sidebar.set(false)
+                        on:click=move |_| ()
                     >
                         <div 
-                            class="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity cursor-pointer"
+                            class="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity cursor-default"
+                            on:click=move |_| set_show_mobile_sidebar.set(false)
+                            on:touchstart=move |_| set_show_mobile_sidebar.set(false)
                         ></div>
                         <aside 
                             class={format!("relative w-80 max-w-[85vw] h-full shadow-2xl p-6 flex flex-col animate-in slide-in-from-left duration-300 border-r {}", sidebar_bg)}