From 91ca6ff96f6c990e881b58b57210701b5e7286ed Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Sat, 21 Feb 2026 20:36:39 +0300
Subject: [PATCH] fix(frontend): adjust flex shrink and min heights for safe
 mobile scrolling in details tab

---
 frontend/src/components/torrent/details.rs | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/torrent/details.rs b/frontend/src/components/torrent/details.rs
index 11f22b0..bb99be7 100644
--- a/frontend/src/components/torrent/details.rs
+++ b/frontend/src/components/torrent/details.rs
@@ -51,9 +51,9 @@ pub fn TorrentDetailsSheet() -> impl IntoView {
                     </SheetClose>
                 </div>
 
-                <div class="flex-1 min-h-0 overflow-hidden p-6 flex flex-col">
-                    <Tabs default_value="general" class="flex-1 min-h-0 flex flex-col">
-                        <TabsList class="w-full justify-start rounded-none border-b bg-transparent p-0">
+                <div class="flex-1 overflow-hidden flex flex-col pt-4 px-6 pb-0">
+                    <Tabs default_value="general" class="flex-1 h-full min-h-0 flex flex-col">
+                        <TabsList class="w-full justify-start rounded-none border-b bg-transparent p-0 shrink-0">
                             <TabsTrigger value="general" class="data-[state=active]:bg-transparent data-[state=active]:shadow-none data-[state=active]:border-b-2 data-[state=active]:border-primary rounded-none">
                                 "Genel"
                             </TabsTrigger>
@@ -68,9 +68,8 @@ pub fn TorrentDetailsSheet() -> impl IntoView {
                             </TabsTrigger>
                         </TabsList>
 
-                        <div class="relative flex-1 min-h-0 mt-4">
-                            <div class="absolute inset-0 overflow-y-auto pb-12 pr-2">
-                                <TabsContent value="general" class="space-y-6 animate-in fade-in slide-in-from-bottom-2 duration-300">
+                        <div class="flex-1 overflow-y-auto min-h-0 mt-4 pb-12 pr-2">
+                            <TabsContent value="general" class="space-y-6 animate-in fade-in slide-in-from-bottom-2 duration-300">
                                 <crate::components::ui::shimmer::Shimmer 
                                     loading=Signal::derive(move || selected_torrent.get().is_none())
                                     shimmer_color="rgba(0,0,0,0.06)"
@@ -187,7 +186,6 @@ pub fn TorrentDetailsSheet() -> impl IntoView {
                                     <p class="text-sm font-medium">"Eş listesi yakında eklenecek"</p>
                                 </div>
                             </TabsContent>
-                            </div>
                         </div>
                     </Tabs>
                 </div>