admin/vibetorrent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

fix: responsive sidebar backdrop closing on mobile

Browse Source
This commit is contained in:
spinline
2026-01-31 00:26:32 +03:00
parent 969f21511a
commit 9ec5b7cf52
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app.rs
View File

@@ -327,10 +327,10 @@ pub fn App() -> impl IntoView {
// MOBILE SIDEBAR // MOBILE SIDEBAR
<div <div
class={move || if show_mobile_sidebar.get() { "fixed inset-0 z-50 flex md:hidden" } else { "hidden" }} 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 <div
class="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity" class="fixed inset-0 bg-black/60 backdrop-blur-sm transition-opacity"
on:click=move |_| set_show_mobile_sidebar.set(false)
></div> ></div>
<aside <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)} 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)}