From e1330819f22fa7f2121ad9e1885668484ecfcf74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Thu, 11 Jul 2024 22:26:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(compo):=E5=A2=9E=E5=8A=A0=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E7=AA=97=E4=BD=93=E6=8B=96=E5=8A=A8=E7=9A=84=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WindowMoveHandler/WindowMoveHandler.tsx     | 17 +++++++++++++++++
 src/components/index.tsx                        |  1 +
 2 files changed, 18 insertions(+)
 create mode 100644 src/components/WindowMoveHandler/WindowMoveHandler.tsx

diff --git a/src/components/WindowMoveHandler/WindowMoveHandler.tsx b/src/components/WindowMoveHandler/WindowMoveHandler.tsx
new file mode 100644
index 0000000..b113abe
--- /dev/null
+++ b/src/components/WindowMoveHandler/WindowMoveHandler.tsx
@@ -0,0 +1,17 @@
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+
+const Handler = styled.div(
+  ({ theme }) => css`
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: ${theme.spacings.xxs * 24}px;
+    z-index: 1;
+  `
+);
+
+export function WindowMoveHandler() {
+  return <Handler data-tauri-drag-region />;
+}
diff --git a/src/components/index.tsx b/src/components/index.tsx
index e69de29..9118272 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -0,0 +1 @@
+export { WindowMoveHandler } from "./WindowMoveHandler/WindowMoveHandler";