From 215550bd09812402d31a462cba0c8f76080e9126 Mon Sep 17 00:00:00 2001
From: zipg <geeky@foxmail.com>
Date: Thu, 24 Sep 2026 11:44:57 +0800
Subject: [PATCH] fix(desktop): keep security migration wizard reachable in
 short windows

---
 .../src/components/migration/SecurityMigrationWizard.spec.ts  | 2 ++
 .../src/components/migration/SecurityMigrationWizard.vue      | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/components/migration/SecurityMigrationWizard.spec.ts b/apps/desktop/src/components/migration/SecurityMigrationWizard.spec.ts
index a90ba487ad..554e3d2201 100644
--- a/apps/desktop/src/components/migration/SecurityMigrationWizard.spec.ts
+++ b/apps/desktop/src/components/migration/SecurityMigrationWizard.spec.ts
@@ -18,6 +18,8 @@ describe("migration failure actions", () => {
     const app = createApp(Wizard, { store });
     app.mount(root);
     try {
+      expect(root.querySelector("main")?.classList.contains("overflow-y-auto")).toBe(true);
+      expect(root.querySelector("section")?.classList.contains("my-auto")).toBe(true);
       const button = (label: string) => Array.from(root.querySelectorAll("button")).find((b) => b.textContent === label)!;
       expect(root.querySelector("textarea")?.value).toContain("statusFailed");
       button("migration.exportDiagnostic").click();
diff --git a/apps/desktop/src/components/migration/SecurityMigrationWizard.vue b/apps/desktop/src/components/migration/SecurityMigrationWizard.vue
index 46f2a1eca0..fcd9882811 100644
--- a/apps/desktop/src/components/migration/SecurityMigrationWizard.vue
+++ b/apps/desktop/src/components/migration/SecurityMigrationWizard.vue
@@ -76,8 +76,8 @@ async function diagnostic() {
 }
 </script>
 <template>
-  <main class="fixed inset-0 z-[1000] flex items-center justify-center bg-background/95 p-6" role="dialog" aria-modal="true">
-    <section class="w-full max-w-2xl rounded-xl border bg-card p-8 shadow-2xl">
+  <main class="fixed inset-0 z-[1000] flex items-center justify-center overflow-y-auto bg-background/95 p-4 sm:p-6" role="dialog" aria-modal="true">
+    <section class="my-auto w-full max-w-2xl rounded-xl border bg-card p-8 shadow-2xl">
       <div class="mb-8 flex items-start justify-between gap-4">
         <div>
           <p class="text-xs font-medium uppercase tracking-wider text-muted-foreground">{{ t("migration.eyebrow") }}</p>