fix: further refine alert dialog styling and button layout
Some checks failed
Build MIPS Binary / build (push) Failing after 34s

This commit is contained in:
spinline
2026-02-12 23:22:07 +03:00
parent f149603ac8
commit ed5fba4b46

View File

@@ -239,40 +239,40 @@ pub fn TorrentTable() -> impl IntoView {
<AlertDialog> <AlertDialog>
<AlertDialogTrigger class="w-full text-left"> <AlertDialogTrigger class="w-full text-left">
<div class="inline-flex gap-2 items-center w-full rounded-sm px-2 py-1.5 text-sm transition-colors text-destructive hover:bg-destructive/10 focus:bg-destructive/10"> <div class="inline-flex gap-2 items-center w-full rounded-sm px-2 py-1.5 text-sm transition-colors text-destructive hover:bg-destructive/10 focus:bg-destructive/10 cursor-pointer">
<Trash2 class="size-4" /> "Toplu Sil..." <Trash2 class="size-4" /> "Toplu Sil..."
</div> </div>
</AlertDialogTrigger> </AlertDialogTrigger>
<AlertDialogContent> <AlertDialogContent class="sm:max-w-[425px]">
<AlertDialogHeader> <AlertDialogHeader class="space-y-3">
<AlertDialogTitle class="text-destructive flex items-center gap-2"> <AlertDialogTitle class="text-destructive flex items-center gap-2 text-xl">
<Trash2 class="size-5" /> <Trash2 class="size-6" />
"Toplu Silme Onayı" "Toplu Silme Onayı"
</AlertDialogTitle> </AlertDialogTitle>
<AlertDialogDescription class="pt-2"> <AlertDialogDescription class="text-sm leading-relaxed">
{move || format!("Seçili {} adet torrent silinecek. Lütfen silme yöntemini seçin:", selected_count.get())} {move || format!("Seçili {} adet torrent silinecek. Lütfen silme yöntemini seçin:", selected_count.get())}
<div class="mt-4 p-3 bg-muted/50 rounded-md text-xs border border-border italic"> <div class="mt-4 p-4 bg-destructive/5 rounded-lg border border-destructive/10 text-xs text-destructive/80 font-medium">
"Dikkat: Verilerle birlikte silme işlemi dosyaları diskten de kalıcı olarak kaldıracaktır." "⚠️ Dikkat: Verilerle birlikte silme işlemi dosyaları diskten de kalıcı olarak kaldıracaktır."
</div> </div>
</AlertDialogDescription> </AlertDialogDescription>
</AlertDialogHeader> </AlertDialogHeader>
<AlertDialogFooter> <AlertDialogFooter class="mt-6">
<div class="flex flex-col-reverse sm:flex-row gap-2 w-full sm:justify-end mt-4 sm:mt-0"> <div class="flex flex-col-reverse sm:flex-row gap-3 w-full sm:justify-end">
<AlertDialogClose class="w-full sm:w-auto">"Vazgeç"</AlertDialogClose> <AlertDialogClose class="sm:flex-1 md:flex-none">"Vazgeç"</AlertDialogClose>
<div class="flex flex-col sm:flex-row gap-2"> <div class="flex flex-col sm:flex-row gap-2">
<Button <Button
variant=ButtonVariant::Outline variant=BadgeVariant::Secondary.into()
class="w-full sm:w-auto text-foreground" class="w-full sm:w-auto font-medium"
on:click=move |_| bulk_action("delete") on:click=move |_| bulk_action("delete")
> >
"Sadece Listeden Sil" "Sadece Sil"
</Button> </Button>
<Button <Button
variant=ButtonVariant::Destructive variant=ButtonVariant::Destructive
class="w-full sm:w-auto" class="w-full sm:w-auto font-bold"
on:click=move |_| bulk_action("delete_with_data") on:click=move |_| bulk_action("delete_with_data")
> >
"Verilerle Birlikte Sil" "Verilerle Sil"
</Button> </Button>
</div> </div>
</div> </div>