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

fix: Use touchstart event for mobile sidebar backdrop

Browse Source
This commit is contained in:
spinline
2026-01-31 00:43:53 +03:00
parent d9030ce4ac
commit 3b2063ae0a
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/public/tailwind.css
View File

@@ -426,6 +426,9 @@
.transform { .transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); 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 {
cursor: pointer; cursor: pointer;
} }

6
frontend/src/app.rs
View File

@@ -327,10 +327,12 @@ 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) on:click=move |_| ()
> >
<div <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> ></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)}