Changed nav hover color from pink to teal

This commit is contained in:
qt-coder 2021-06-30 10:45:39 +08:00
parent e61c74087f
commit 921557afe2
2 changed files with 6 additions and 6 deletions

View file

@ -144,12 +144,12 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
display={'block'}
p={2}
rounded={'md'}
_hover={{ bg: useColorModeValue('pink.50', 'gray.900') }}>
_hover={{ bg: useColorModeValue('teal.50', 'gray.900') }}>
<Stack direction={'row'} align={'center'}>
<Box>
<Text
transition={'all .3s ease'}
_groupHover={{ color: 'pink.400' }}
_groupHover={{ color: 'teal.200' }}
fontWeight={500}>
{label}
</Text>
@ -163,7 +163,7 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
justify={'flex-end'}
align={'center'}
flex={1}>
<Icon color={'pink.400'} w={5} h={5} as={ChevronRightIcon} />
<Icon color={'teal.200'} w={5} h={5} as={ChevronRightIcon} />
</Flex>
</Stack>
</Link>

View file

@ -8,7 +8,7 @@ import {
} from "@chakra-ui/react"
import React from 'react'
import {motion} from 'framer-motion'
import { motion } from 'framer-motion'
const container = {
hidden: { opacity: 1, scale: 0 },
@ -49,7 +49,7 @@ function StatCard() {
<StatLabel>Activity</StatLabel>
<StatNumber>45 messages</StatNumber>
<StatHelpText>
<StatArrow type="decrease" />
<StatArrow type="decrease"/>
9.05%
</StatHelpText>
</MotionStat>
@ -57,4 +57,4 @@ function StatCard() {
)
}
export default StatCard
export default StatCard