From 1dbd840d367a5586e15847c945fe7e2d953f323a Mon Sep 17 00:00:00 2001
From: Jerry <JerryTech.Y@outlook.com>
Date: Thu, 19 Jun 2025 12:49:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=85=8D=E7=BD=AE=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=82=AC=E5=81=9C=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/welcome/ConnectionConfigModal.jsx          | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/frontend/src/components/pages/welcome/ConnectionConfigModal.jsx b/src/frontend/src/components/pages/welcome/ConnectionConfigModal.jsx
index 5a3fb45..11e2fa6 100644
--- a/src/frontend/src/components/pages/welcome/ConnectionConfigModal.jsx
+++ b/src/frontend/src/components/pages/welcome/ConnectionConfigModal.jsx
@@ -25,6 +25,14 @@ const defaultConfig = {
   authKey: '',
 };
 
+/**
+ * 连接地址配置组件
+ * @param isOpen 打开状态
+ * @param onClose 关闭状态
+ * @param onSave 保存状态
+ * @returns {JSX.Element}
+ * @constructor
+ */
 const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => {
   const [config, setConfig] = useState(defaultConfig);
   const [saved, setSaved] = useState(false);
@@ -84,6 +92,7 @@ const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => {
                 top={3}
                 right={3}
                 onClick={onClose}
+                _hover={{ bg: 'rgba(255, 0, 0, 0.3)' }}
               >
                 <IoClose size={20} color={'white'} />
               </Button>
@@ -124,6 +133,7 @@ const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => {
                 borderColor={'whiteAlpha.500'}
                 color={'white'}
                 onClick={handleClear}
+                _hover={{ bg: 'rgba(0, 0, 255, 0.3)' }}
               >
                 清除配置
               </Button>
@@ -134,6 +144,7 @@ const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => {
                   borderColor={'whiteAlpha.500'}
                   color={'white'}
                   onClick={onClose}
+                  _hover={{ bg: 'rgba(0, 0, 255, 0.3)' }}
                 >
                   取消
                 </Button>
@@ -146,6 +157,7 @@ const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => {
                   isDisabled={saved}
                   position={'relative'}
                   width={'80px'}
+                  _hover={{ bg: 'rgba(0, 0, 255, 0.3)' }}
                 >
                   <AnimatePresence initial={false} mode={'wait'}>
                     {saved ? (