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

fix: mobil detay paneli sağdan açılacak şekilde güncellendi
All checks were successful
Build MIPS Binary / build (push) Successful in 2m0s
Details

Browse Source
This commit is contained in:
spinline
2026-02-21 21:58:50 +03:00
parent 4ef4ee8d45
commit 1a3099d926
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/torrent/details.rs
View File

@@ -15,26 +15,32 @@ pub fn TorrentDetailsPanel() -> impl IntoView {
view! { view! {
// Mobil overlay backdrop // Mobil overlay backdrop
<Show when=move || is_open.get()> <div
<div class=move || if is_open.get() {
class="fixed inset-0 bg-black/40 z-30 md:hidden backdrop-blur-sm" "fixed inset-0 bg-black/40 z-30 md:hidden backdrop-blur-sm transition-opacity duration-300 opacity-100"
on:click=move |_| store.selected_torrent.set(None) } else {
/> "fixed inset-0 bg-black/0 z-30 md:hidden pointer-events-none transition-opacity duration-300 opacity-0"
</Show> }
on:click=move |_| store.selected_torrent.set(None)
/>
// Panel — masaüstünde sağ kolonda sabit, mobilde fixed overlay // Panel — masaüstünde sağ kolonda sabit, mobilde sağdan açılan overlay
<div class=move || { <div class=move || {
if is_open.get() { if is_open.get() {
// Açık: masaüstünde görünür, mobilde fixed full-screen panel // Açık: masaüstünde görünür, mobilde sağdan gelir
"w-full md:w-[380px] md:min-w-[380px] shrink-0 \ "w-[85vw] md:w-[380px] md:min-w-[380px] shrink-0 \
flex flex-col border-l border-border bg-card \ flex flex-col border-l border-border bg-card \
fixed inset-0 z-40 \ fixed top-0 right-0 bottom-0 z-40 \
md:static md:z-auto md:inset-auto \ translate-x-0 \
transition-all duration-300" md:static md:z-auto md:translate-x-0 \
transition-transform duration-300 ease-out shadow-2xl md:shadow-none"
} else { } else {
// Kapalı: masaüstünde gizli, mobilde görünmez // Kapalı: masaüstünde gizli, mobilde sağa kayar
"w-0 md:w-0 shrink-0 overflow-hidden border-none \ "w-[85vw] md:w-0 shrink-0 overflow-hidden border-none \
transition-all duration-300" fixed top-0 right-0 bottom-0 z-40 \
translate-x-full \
md:static md:z-auto md:translate-x-0 \
transition-transform duration-300 ease-in pointer-events-none"
} }
}> }>
// İpucu: panel kapalıyken içeriği render etme // İpucu: panel kapalıyken içeriği render etme