fix: align confirmation dialogs for RTL
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user