fix(dialog): 修复弹出对话框时无法移动窗口的问题

LiRenTech · Jan 25, 2025 · a25289b · a25289b
1 parent 91c7926
commit a25289b
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/src/utils/dialog.tsx b/src/utils/dialog.tsx
@@ -52,6 +52,20 @@ export namespace Dialog {
       );
     });
   }
+  export function BackDrop() {
+    return (
+      <div
+        data-tauri-drag-region
+        className={cn(
+          "hover:cursor-move active:scale-100 active:cursor-grabbing",
+          "fixed left-0 top-0 z-[100] h-full w-full bg-black/0 backdrop-blur-0",
+          {
+            "bg-black/70 !backdrop-blur-lg": show,
+          },
+        )}
+      ></div>
+    );
+  }
 
   function Component({
     title = "",
@@ -141,14 +155,7 @@ export namespace Dialog {
             ))}
           </div>
         </div>
-        <div
-          className={cn(
-            "fixed left-0 top-0 z-[100] h-full w-full bg-black/0 backdrop-blur-0",
-            {
-              "bg-black/70 !backdrop-blur-lg": show,
-            },
-          )}
-        ></div>
+        <BackDrop />
       </>
     );
   }