fix(frontend): adjust flex shrink and min heights for safe mobile scrolling in details tab
All checks were successful
Build MIPS Binary / build (push) Successful in 2m0s

This commit is contained in:
spinline
2026-02-21 20:36:39 +03:00
parent 8c0d35cca5
commit 91ca6ff96f

View File

@@ -51,9 +51,9 @@ pub fn TorrentDetailsSheet() -> impl IntoView {
</SheetClose> </SheetClose>
</div> </div>
<div class="flex-1 min-h-0 overflow-hidden p-6 flex flex-col"> <div class="flex-1 overflow-hidden flex flex-col pt-4 px-6 pb-0">
<Tabs default_value="general" class="flex-1 min-h-0 flex flex-col"> <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"> <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"> <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" "Genel"
</TabsTrigger> </TabsTrigger>
@@ -68,9 +68,8 @@ pub fn TorrentDetailsSheet() -> impl IntoView {
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
<div class="relative flex-1 min-h-0 mt-4"> <div class="flex-1 overflow-y-auto min-h-0 mt-4 pb-12 pr-2">
<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">
<TabsContent value="general" class="space-y-6 animate-in fade-in slide-in-from-bottom-2 duration-300">
<crate::components::ui::shimmer::Shimmer <crate::components::ui::shimmer::Shimmer
loading=Signal::derive(move || selected_torrent.get().is_none()) loading=Signal::derive(move || selected_torrent.get().is_none())
shimmer_color="rgba(0,0,0,0.06)" 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> <p class="text-sm font-medium">"Eş listesi yakında eklenecek"</p>
</div> </div>
</TabsContent> </TabsContent>
</div>
</div> </div>
</Tabs> </Tabs>
</div> </div>