From 9ec5b7cf5228f1a50d1564bb6e1e54c75ee71c53 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Sat, 31 Jan 2026 00:26:32 +0300
Subject: [PATCH] fix: responsive sidebar backdrop closing on mobile

---
 frontend/src/app.rs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app.rs b/frontend/src/app.rs
index ada19a1..a0ee6a6 100644
--- a/frontend/src/app.rs
+++ b/frontend/src/app.rs
@@ -327,10 +327,10 @@ 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)
                     >
                         <div 
                             class="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity"
-                            on:click=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)}