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)' }} > @@ -124,6 +133,7 @@ const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => { borderColor={'whiteAlpha.500'} color={'white'} onClick={handleClear} + _hover={{ bg: 'rgba(0, 0, 255, 0.3)' }} > 清除配置 @@ -134,6 +144,7 @@ const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => { borderColor={'whiteAlpha.500'} color={'white'} onClick={onClose} + _hover={{ bg: 'rgba(0, 0, 255, 0.3)' }} > 取消 @@ -146,6 +157,7 @@ const ConnectionConfigModal = ({ isOpen, onClose, onSave }) => { isDisabled={saved} position={'relative'} width={'80px'} + _hover={{ bg: 'rgba(0, 0, 255, 0.3)' }} > {saved ? (