From 703d4dc583717bb7f24aaa510d43d93c0d51b618 Mon Sep 17 00:00:00 2001
From: kongkx <kongkx.yang@gmail.com>
Date: Tue, 11 Aug 2026 22:07:39 +0800
Subject: [PATCH] fix confirm dialog style

---
 src/components/confirm-dialog.tsx  | 2 +-
 src/routes/_authed/users/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/confirm-dialog.tsx b/src/components/confirm-dialog.tsx
index ade8ecc..a31f9be 100644
--- a/src/components/confirm-dialog.tsx
+++ b/src/components/confirm-dialog.tsx
@@ -42,7 +42,7 @@ export function ConfirmDialog({
           <AlertDialogCancel>取消</AlertDialogCancel>
           <AlertDialogAction
             disabled={busy}
-            className={destructive ? 'bg-destructive text-white hover:bg-destructive/90' : undefined}
+            variant={destructive ? 'destructive' : 'default'}
             onClick={async (event) => {
               event.preventDefault()
               setBusy(true)
diff --git a/src/routes/_authed/users/index.tsx b/src/routes/_authed/users/index.tsx
index 65f7a43..fb15300 100644
--- a/src/routes/_authed/users/index.tsx
+++ b/src/routes/_authed/users/index.tsx
@@ -364,7 +364,7 @@ function UsersPage() {
           <AlertDialogFooter>
             <AlertDialogCancel onClick={() => setTogglingUser(null)}>取消</AlertDialogCancel>
             <AlertDialogAction
-              className="bg-destructive text-white hover:bg-destructive/90"
+              variant="destructive"
               onClick={() => {
                 if (togglingUser) {
                   void handleStatusToggle(togglingUser.user, false)