From 909ee6ac2cb128517da0a378ba9c25b286c4b2ca Mon Sep 17 00:00:00 2001
From: yoyurec <yoyurec@gmail.com>
Date: Thu, 27 Oct 2022 03:08:12 +0300
Subject: [PATCH] fix: graggable area

---
 src/App.tsx  | 2 +-
 src/utils.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index ed14ae3..b9a3a2f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,7 +7,7 @@ function App(): JSX.Element {
   usePreventFocus();
   return (
     <main
-      style={{ width: "100vw", height: "100vh" }}
+      style={{ width: "100vw", height: "100vh", webkitAppRegion: "drag" }}
       className={`${themeMode}`}
     >
       <PageTabs />
diff --git a/src/utils.ts b/src/utils.ts
index e8a4032..81b5bbb 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -279,6 +279,7 @@ export function useAdaptMainUIStyle(show: boolean, tabsWidth?: number | null) {
         height: shouldShow ? "28px" : "0px",
         width: isHovering ? "100%" : tabsWidth + "px", // 10 is the width of the scrollbar
         maxWidth: maxWidth + "px",
+        webkitAppRegion: "drag",
       });
     };
     listener();