From bb60d9dcfb4df96c750f007fdde11d5c44336a45 Mon Sep 17 00:00:00 2001
From: pompurin404 <pompurin404@mihomo.party>
Date: Sun, 1 Sep 2024 19:39:28 +0800
Subject: [PATCH] fix backdrop color

---
 src/renderer/src/components/base/base-password-modal.tsx        | 2 +-
 .../src/components/connections/connection-detail-modal.tsx      | 1 +
 src/renderer/src/components/mihomo/interface-modal.tsx          | 1 +
 src/renderer/src/components/override/edit-file-modal.tsx        | 1 +
 src/renderer/src/components/override/edit-info-modal.tsx        | 1 +
 src/renderer/src/components/override/exec-log-modal.tsx         | 1 +
 src/renderer/src/components/profiles/edit-file-modal.tsx        | 1 +
 src/renderer/src/components/profiles/edit-info-modal.tsx        | 1 +
 src/renderer/src/components/settings/webdav-restore-modal.tsx   | 1 +
 src/renderer/src/components/sider/config-viewer.tsx             | 1 +
 src/renderer/src/components/sysproxy/pac-editor-modal.tsx       | 1 +
 src/renderer/src/components/updater/updater-modal.tsx           | 1 +
 12 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/base/base-password-modal.tsx b/src/renderer/src/components/base/base-password-modal.tsx
index c146c2a..607ae38 100644
--- a/src/renderer/src/components/base/base-password-modal.tsx
+++ b/src/renderer/src/components/base/base-password-modal.tsx
@@ -19,7 +19,7 @@ const BasePasswordModal: React.FC<Props> = (props) => {
   const [password, setPassword] = useState('')
 
   return (
-    <Modal backdrop="blur" hideCloseButton isOpen={true}>
+    <Modal backdrop="blur" classNames={{ backdrop: 'top-[48px]' }} hideCloseButton isOpen={true}>
       <ModalContent>
         <ModalHeader className="flex">请输入root密码</ModalHeader>
         <ModalBody>
diff --git a/src/renderer/src/components/connections/connection-detail-modal.tsx b/src/renderer/src/components/connections/connection-detail-modal.tsx
index ab5eb7f..89a039f 100644
--- a/src/renderer/src/components/connections/connection-detail-modal.tsx
+++ b/src/renderer/src/components/connections/connection-detail-modal.tsx
@@ -13,6 +13,7 @@ const ConnectionDetailModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       size="xl"
       hideCloseButton
       isOpen={true}
diff --git a/src/renderer/src/components/mihomo/interface-modal.tsx b/src/renderer/src/components/mihomo/interface-modal.tsx
index 6bae34b..d0fa001 100644
--- a/src/renderer/src/components/mihomo/interface-modal.tsx
+++ b/src/renderer/src/components/mihomo/interface-modal.tsx
@@ -26,6 +26,7 @@ const InterfaceModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       hideCloseButton
       isOpen={true}
       onOpenChange={onClose}
diff --git a/src/renderer/src/components/override/edit-file-modal.tsx b/src/renderer/src/components/override/edit-file-modal.tsx
index a28754f..558baa8 100644
--- a/src/renderer/src/components/override/edit-file-modal.tsx
+++ b/src/renderer/src/components/override/edit-file-modal.tsx
@@ -22,6 +22,7 @@ const EditFileModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       size="5xl"
       hideCloseButton
       isOpen={true}
diff --git a/src/renderer/src/components/override/edit-info-modal.tsx b/src/renderer/src/components/override/edit-info-modal.tsx
index 085f605..20dc346 100644
--- a/src/renderer/src/components/override/edit-info-modal.tsx
+++ b/src/renderer/src/components/override/edit-info-modal.tsx
@@ -26,6 +26,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       hideCloseButton
       isOpen={true}
       onOpenChange={onClose}
diff --git a/src/renderer/src/components/override/exec-log-modal.tsx b/src/renderer/src/components/override/exec-log-modal.tsx
index 4354a74..9a10345 100644
--- a/src/renderer/src/components/override/exec-log-modal.tsx
+++ b/src/renderer/src/components/override/exec-log-modal.tsx
@@ -28,6 +28,7 @@ const ExecLogModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       hideCloseButton
       isOpen={true}
       onOpenChange={onClose}
diff --git a/src/renderer/src/components/profiles/edit-file-modal.tsx b/src/renderer/src/components/profiles/edit-file-modal.tsx
index a1c3d67..4e81f32 100644
--- a/src/renderer/src/components/profiles/edit-file-modal.tsx
+++ b/src/renderer/src/components/profiles/edit-file-modal.tsx
@@ -23,6 +23,7 @@ const EditFileModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       size="5xl"
       hideCloseButton
       isOpen={true}
diff --git a/src/renderer/src/components/profiles/edit-info-modal.tsx b/src/renderer/src/components/profiles/edit-info-modal.tsx
index d9fbc9c..fbe6059 100644
--- a/src/renderer/src/components/profiles/edit-info-modal.tsx
+++ b/src/renderer/src/components/profiles/edit-info-modal.tsx
@@ -38,6 +38,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       hideCloseButton
       isOpen={true}
       onOpenChange={onClose}
diff --git a/src/renderer/src/components/settings/webdav-restore-modal.tsx b/src/renderer/src/components/settings/webdav-restore-modal.tsx
index 9af714e..5b4a623 100644
--- a/src/renderer/src/components/settings/webdav-restore-modal.tsx
+++ b/src/renderer/src/components/settings/webdav-restore-modal.tsx
@@ -14,6 +14,7 @@ const WebdavRestoreModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       hideCloseButton
       isOpen={true}
       onOpenChange={onClose}
diff --git a/src/renderer/src/components/sider/config-viewer.tsx b/src/renderer/src/components/sider/config-viewer.tsx
index bdb2c6f..1572654 100644
--- a/src/renderer/src/components/sider/config-viewer.tsx
+++ b/src/renderer/src/components/sider/config-viewer.tsx
@@ -20,6 +20,7 @@ const ConfigViewer: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       size="5xl"
       hideCloseButton
       isOpen={true}
diff --git a/src/renderer/src/components/sysproxy/pac-editor-modal.tsx b/src/renderer/src/components/sysproxy/pac-editor-modal.tsx
index 980afd8..a7eced2 100644
--- a/src/renderer/src/components/sysproxy/pac-editor-modal.tsx
+++ b/src/renderer/src/components/sysproxy/pac-editor-modal.tsx
@@ -13,6 +13,7 @@ const PacEditorViewer: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       size="5xl"
       hideCloseButton
       isOpen={true}
diff --git a/src/renderer/src/components/updater/updater-modal.tsx b/src/renderer/src/components/updater/updater-modal.tsx
index 9304019..bd06c33 100644
--- a/src/renderer/src/components/updater/updater-modal.tsx
+++ b/src/renderer/src/components/updater/updater-modal.tsx
@@ -30,6 +30,7 @@ const UpdaterModal: React.FC<Props> = (props) => {
   return (
     <Modal
       backdrop="blur"
+      classNames={{ backdrop: 'top-[48px]' }}
       hideCloseButton
       isOpen={true}
       onOpenChange={onClose}