From a7ddd3a4dec8ea72e24696009601431ec26646bf Mon Sep 17 00:00:00 2001
From: keiko233 <keiko23333@gmail.com>
Date: Fri, 5 Jan 2024 20:58:12 +0800
Subject: [PATCH] fix: windrag err

* https://github.com/keiko233/clash-nyanpasu/issues/227
---
 src/assets/styles/layout.scss | 4 ++++
 src/pages/_layout.tsx         | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
index 2b48d18597..832103e950 100644
--- a/src/assets/styles/layout.scss
+++ b/src/assets/styles/layout.scss
@@ -87,6 +87,10 @@
       position: absolute;
       inset: 0 28px 28px 0;
     }
+
+    .drag-mask {
+      height: 38px;
+    }
   }
 }
 
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
index 08ab7ca07e..70bb83d2e6 100644
--- a/src/pages/_layout.tsx
+++ b/src/pages/_layout.tsx
@@ -140,13 +140,15 @@ export default function Layout() {
             </div>
           </div>
 
-          <div className="layout__right" data-windrag>
+          <div className="layout__right">
             {OS === "windows" && (
               <div className="the-bar">
                 <LayoutControl />
               </div>
             )}
 
+            <div className="drag-mask" data-windrag />
+
             <AnimatePresence mode="wait">
               {React.cloneElement(routes, { key: location.pathname })}
             </AnimatePresence>