From 745f24322f8b6085135f70e2612fb5847ff97ead Mon Sep 17 00:00:00 2001
From: miracle <cmiracle@163.com>
Date: Mon, 10 Aug 2026 23:45:42 +0800
Subject: [PATCH] fix(editor): align manageGroups and execution-progress
 footers with p-0 dialog content

---
 .../src/components/editor/MultiDbExecuteDialog.vue     |  4 ++--
 .../__tests__/MultiDbExecuteDialogLayout.spec.ts       | 10 ++++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 apps/desktop/src/components/editor/__tests__/MultiDbExecuteDialogLayout.spec.ts

diff --git a/apps/desktop/src/components/editor/MultiDbExecuteDialog.vue b/apps/desktop/src/components/editor/MultiDbExecuteDialog.vue
index 9116990dad..fd201b7954 100644
--- a/apps/desktop/src/components/editor/MultiDbExecuteDialog.vue
+++ b/apps/desktop/src/components/editor/MultiDbExecuteDialog.vue
@@ -749,7 +749,7 @@ watch(
             </div>
           </div>
         </div>
-        <DialogFooter class="shrink-0 border-t px-5 py-3">
+        <DialogFooter class="mx-0 mb-0 shrink-0 border-t px-5 py-3">
           <Button v-if="isExecuting" variant="destructive" class="gap-1.5" @click="execution.cancel()">
             <X class="h-4 w-4" />
             {{ t("multiDbExecute.cancelBatch") }}
@@ -792,7 +792,7 @@ watch(
             </div>
           </div>
         </div>
-        <DialogFooter class="shrink-0 border-t px-5 py-3">
+        <DialogFooter class="mx-0 mb-0 shrink-0 border-t px-5 py-3">
           <Button variant="outline" @click="manageGroups = false">{{ t("common.close") }}</Button>
         </DialogFooter>
       </div>
diff --git a/apps/desktop/src/components/editor/__tests__/MultiDbExecuteDialogLayout.spec.ts b/apps/desktop/src/components/editor/__tests__/MultiDbExecuteDialogLayout.spec.ts
new file mode 100644
index 0000000000..1606edbeb4
--- /dev/null
+++ b/apps/desktop/src/components/editor/__tests__/MultiDbExecuteDialogLayout.spec.ts
@@ -0,0 +1,10 @@
+import { readFileSync } from "node:fs";
+import { describe, expect, it } from "vitest";
+
+const dialogSource = readFileSync(new URL("../MultiDbExecuteDialog.vue", import.meta.url), "utf8");
+
+describe("MultiDbExecuteDialog footer layout", () => {
+  it("keeps the target group manager close button aligned with the main dialog footer", () => {
+    expect(dialogSource).toContain('<DialogFooter class="mx-0 mb-0 shrink-0 border-t px-5 py-3">\n          <Button variant="outline" @click="manageGroups = false">');
+  });
+});