fix: 移动端抽屉菜单不再显示深色模式切换按钮
This commit is contained in:
@@ -18,10 +18,8 @@ import {
|
||||
Link,
|
||||
Divider,
|
||||
Avatar,
|
||||
useColorMode,
|
||||
useColorModeValue
|
||||
} from '@chakra-ui/react';
|
||||
import { SunIcon, MoonIcon } from '@chakra-ui/icons';
|
||||
import { useNavigate, useLocation } from 'react-router-dom';
|
||||
|
||||
/**
|
||||
@@ -46,7 +44,6 @@ const MobileDrawer = memo(({
|
||||
}) => {
|
||||
const navigate = useNavigate();
|
||||
const location = useLocation();
|
||||
const { colorMode, toggleColorMode } = useColorMode();
|
||||
const userBgColor = useColorModeValue('gray.50', 'whiteAlpha.100');
|
||||
const contactTextColor = useColorModeValue('gray.500', 'gray.300');
|
||||
const emailTextColor = useColorModeValue('gray.500', 'gray.300');
|
||||
@@ -82,17 +79,6 @@ const MobileDrawer = memo(({
|
||||
</DrawerHeader>
|
||||
<DrawerBody>
|
||||
<VStack spacing={4} align="stretch">
|
||||
{/* 移动端:日夜模式切换 */}
|
||||
<Button
|
||||
leftIcon={colorMode === 'light' ? <MoonIcon /> : <SunIcon />}
|
||||
variant="ghost"
|
||||
justifyContent="flex-start"
|
||||
onClick={toggleColorMode}
|
||||
size="sm"
|
||||
>
|
||||
切换到{colorMode === 'light' ? '深色' : '浅色'}模式
|
||||
</Button>
|
||||
|
||||
{/* 移动端用户信息 */}
|
||||
{isAuthenticated && user && (
|
||||
<>
|
||||
|
||||
Reference in New Issue
Block a user