fix(frontend): add role=button to theme backdrop to enable ios click events

This commit is contained in:
spinline
2026-02-01 18:16:42 +03:00
parent 183c970474
commit da8acaf3ec

View File

@@ -49,12 +49,14 @@ pub fn StatusBar() -> impl IntoView {
<Show when=move || theme_open.get() fallback=|| ()> <Show when=move || theme_open.get() fallback=|| ()>
// Backdrop to close on outside click // Backdrop to close on outside click
<div <div
class="fixed inset-0 z-[49] cursor-default" class="fixed inset-0 z-[99] cursor-default"
role="button"
tabindex="-1"
on:click=move |_| set_theme_open.set(false) on:click=move |_| set_theme_open.set(false)
></div> ></div>
</Show> </Show>
<ul tabindex="0" class="dropdown-content z-[50] menu p-2 shadow bg-base-200 rounded-box w-52 mb-2 border border-base-300"> <ul tabindex="0" class="dropdown-content z-[100] menu p-2 shadow bg-base-200 rounded-box w-52 mb-2 border border-base-300">
{ {
let themes = vec!["light", "dark", "cupcake", "dracula", "cyberpunk", "emerald", "luxury", "nord"]; let themes = vec!["light", "dark", "cupcake", "dracula", "cyberpunk", "emerald", "luxury", "nord"];
themes.into_iter().map(|theme| { themes.into_iter().map(|theme| {