fix: align confirmation dialogs for RTL

This commit is contained in:
2026-10-02 13:27:22 +03:30
parent 4a041e8a69
commit 0514fca42a

View File

@@ -38,11 +38,11 @@ export default function ConfirmAction({
{trigger} {trigger}
</AlertDialogTrigger> </AlertDialogTrigger>
<AlertDialogContent dir="rtl"> <AlertDialogContent dir="rtl">
<AlertDialogHeader className="text-right"> <AlertDialogHeader className="text-right sm:text-right">
<AlertDialogTitle>{title}</AlertDialogTitle> <AlertDialogTitle>{title}</AlertDialogTitle>
<AlertDialogDescription className="leading-7">{description}</AlertDialogDescription> <AlertDialogDescription className="leading-7">{description}</AlertDialogDescription>
</AlertDialogHeader> </AlertDialogHeader>
<AlertDialogFooter className="gap-2 sm:justify-start"> <AlertDialogFooter className="gap-2 sm:justify-end">
<AlertDialogCancel>{cancelLabel}</AlertDialogCancel> <AlertDialogCancel>{cancelLabel}</AlertDialogCancel>
<AlertDialogAction <AlertDialogAction
className="bg-destructive text-destructive-foreground hover:bg-destructive/90" className="bg-destructive text-destructive-foreground hover:bg-destructive/90"