fix: modal setting title draggable area

Signed-off-by: Innei <i@innei.in>
RSSNext · Jul 30, 2024 · 2a931e7 · 2a931e7
1 parent 9628aae
commit 2a931e7
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 15 deletions.
diff --git a/src/renderer/src/modules/settings/modal/hooks.ts b/src/renderer/src/modules/settings/modal/hooks.ts
@@ -3,20 +3,28 @@ import { createElement, useCallback } from "react"
 
 import { SettingModalContent } from "./content"
 
-export const useSettingModal = (
-
-) => {
+export const useSettingModal = () => {
   const { present } = useModalStack()
 
-  return useCallback((initialTab?: string) => present({
-    title: "Setting",
-    id: "setting",
-    content: () => createElement(SettingModalContent, {
-      initialTab,
-    }),
-    CustomModalComponent: (props) => createElement("div", {
-      className: "center h-full center",
-    }, props.children),
-
-  }), [present])
+  return useCallback(
+    (initialTab?: string) =>
+      present({
+        title: "Setting",
+        id: "setting",
+        content: () =>
+          createElement(SettingModalContent, {
+            initialTab,
+          }),
+        CustomModalComponent: (props) =>
+          createElement(
+            "div",
+            {
+              className: "center h-full center",
+            },
+            props.children,
+          ),
+        modalContainerClassName: "overflow-hidden",
+      }),
+    [present],
+  )
 }
diff --git a/src/renderer/src/modules/settings/title.tsx b/src/renderer/src/modules/settings/title.tsx
@@ -48,7 +48,7 @@ export const SettingsTitle = ({
     <div
       className={cn(
         "flex items-center gap-2 pb-2 pt-6 text-xl font-bold",
-        "sticky top-0 z-[11] mb-4 bg-background",
+        "sticky top-0 mb-4 bg-background",
         className,
       )}
     >