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

fix(ui): remove mobile selection ring and use dvh for layout height

Browse Source
This commit is contained in:
spinline
2026-02-01 17:24:18 +03:00
parent f1c386895e
commit 8f8a08fd2c
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app.rs
View File

@@ -13,11 +13,11 @@ pub fn App() -> impl IntoView {
<div class="drawer lg:drawer-open"> <div class="drawer lg:drawer-open">
<input id="my-drawer" type="checkbox" class="drawer-toggle" /> <input id="my-drawer" type="checkbox" class="drawer-toggle" />
<div class="drawer-content flex flex-col h-screen overflow-hidden bg-base-100 text-base-content text-sm select-none"> <div class="drawer-content flex flex-col h-[100dvh] overflow-hidden bg-base-100 text-base-content text-sm select-none">
// Toolbar at the top // Toolbar at the top
<Toolbar /> <Toolbar />
<main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden space-y-6"> <main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden">
<Router> <Router>
<Routes> <Routes>
<Route path="/" view=move || view! { <TorrentTable /> } /> <Route path="/" view=move || view! { <TorrentTable /> } />

7
frontend/src/components/torrent/table.rs
View File

@@ -331,12 +331,7 @@ pub fn TorrentTable() -> impl IntoView {
view! { view! {
<div <div
class=move || { class=move || {
let base = "card card-compact bg-base-100 shadow-sm border border-base-200 transition-transform active:scale-[0.99]"; "card card-compact bg-base-100 shadow-sm border border-base-200 transition-transform active:scale-[0.99] select-none"
if is_selected_fn() {
format!("{} ring-2 ring-primary select-none", base)
} else {
format!("{} select-none", base)
}
} }
style="user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;" style="user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;"
on:contextmenu={ on:contextmenu={