vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 移动端抽屉菜单不再显示深色模式切换按钮

Browse Source
This commit is contained in:
zdl
2025-11-26 15:47:26 +08:00
parent cd6ffdbe68
commit 022271947a
1 changed files with 0 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Navbars/components/MobileDrawer/MobileDrawer.js
View File

@@ -18,10 +18,8 @@ import {
Link, Link,
Divider, Divider,
Avatar, Avatar,
useColorMode,
useColorModeValue useColorModeValue
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { SunIcon, MoonIcon } from '@chakra-ui/icons';
import { useNavigate, useLocation } from 'react-router-dom'; import { useNavigate, useLocation } from 'react-router-dom';
/** /**
@@ -46,7 +44,6 @@ const MobileDrawer = memo(({
}) => { }) => {
const navigate = useNavigate(); const navigate = useNavigate();
const location = useLocation(); const location = useLocation();
const { colorMode, toggleColorMode } = useColorMode();
const userBgColor = useColorModeValue('gray.50', 'whiteAlpha.100'); const userBgColor = useColorModeValue('gray.50', 'whiteAlpha.100');
const contactTextColor = useColorModeValue('gray.500', 'gray.300'); const contactTextColor = useColorModeValue('gray.500', 'gray.300');
const emailTextColor = useColorModeValue('gray.500', 'gray.300'); const emailTextColor = useColorModeValue('gray.500', 'gray.300');
@@ -82,17 +79,6 @@ const MobileDrawer = memo(({
</DrawerHeader> </DrawerHeader>
<DrawerBody> <DrawerBody>
<VStack spacing={4} align="stretch"> <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 && ( {isAuthenticated && user && (
<> <>