style: 统一个人中心按钮与投资日历按钮样式
- MenuButton 改为 colorScheme="blue" + variant="solid" + borderRadius="full" - 移除未使用的 useColorModeValue 和 hoverBg 变量 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -12,7 +12,6 @@ import {
|
|||||||
Box,
|
Box,
|
||||||
Text,
|
Text,
|
||||||
Badge,
|
Badge,
|
||||||
useColorModeValue,
|
|
||||||
useDisclosure
|
useDisclosure
|
||||||
} from '@chakra-ui/react';
|
} from '@chakra-ui/react';
|
||||||
import { ChevronDown, Home, User, Settings, LogOut, Crown } from 'lucide-react';
|
import { ChevronDown, Home, User, Settings, LogOut, Crown } from 'lucide-react';
|
||||||
@@ -28,7 +27,6 @@ import { useNavigate } from 'react-router-dom';
|
|||||||
*/
|
*/
|
||||||
const PersonalCenterMenu = memo(({ user, handleLogout }) => {
|
const PersonalCenterMenu = memo(({ user, handleLogout }) => {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const hoverBg = useColorModeValue('gray.100', 'gray.700');
|
|
||||||
|
|
||||||
// 🎯 为个人中心菜单创建 useDisclosure Hook
|
// 🎯 为个人中心菜单创建 useDisclosure Hook
|
||||||
const { isOpen, onOpen, onClose } = useDisclosure();
|
const { isOpen, onOpen, onClose } = useDisclosure();
|
||||||
@@ -47,9 +45,10 @@ const PersonalCenterMenu = memo(({ user, handleLogout }) => {
|
|||||||
<MenuButton
|
<MenuButton
|
||||||
as={Button}
|
as={Button}
|
||||||
size="sm"
|
size="sm"
|
||||||
variant="ghost"
|
colorScheme="blue"
|
||||||
|
variant="solid"
|
||||||
|
borderRadius="full"
|
||||||
rightIcon={<ChevronDown size={16} />}
|
rightIcon={<ChevronDown size={16} />}
|
||||||
_hover={{ bg: hoverBg }}
|
|
||||||
onMouseEnter={onOpen}
|
onMouseEnter={onOpen}
|
||||||
onMouseLeave={onClose}
|
onMouseLeave={onClose}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user