github/dbx
4
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-21 17:09:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): align manageGroups and execution-progress footers with p-0 dialog content

Browse Source
This commit is contained in:
miracle
2026-08-10 23:45:42 +08:00
committed by GitHub
parent 901f5ca3d4
commit 745f24322f
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/editor/MultiDbExecuteDialog.vue
+2 -2
View File
@@ -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>
apps/desktop/src/components/editor/__tests__/MultiDbExecuteDialogLayout.spec.ts
Vendored
+10
View File
@@ -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">');
});
});