Changed nav hover color from pink to teal
This commit is contained in:
parent
e61c74087f
commit
921557afe2
2 changed files with 6 additions and 6 deletions
|
@ -144,12 +144,12 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
|
||||||
display={'block'}
|
display={'block'}
|
||||||
p={2}
|
p={2}
|
||||||
rounded={'md'}
|
rounded={'md'}
|
||||||
_hover={{ bg: useColorModeValue('pink.50', 'gray.900') }}>
|
_hover={{ bg: useColorModeValue('teal.50', 'gray.900') }}>
|
||||||
<Stack direction={'row'} align={'center'}>
|
<Stack direction={'row'} align={'center'}>
|
||||||
<Box>
|
<Box>
|
||||||
<Text
|
<Text
|
||||||
transition={'all .3s ease'}
|
transition={'all .3s ease'}
|
||||||
_groupHover={{ color: 'pink.400' }}
|
_groupHover={{ color: 'teal.200' }}
|
||||||
fontWeight={500}>
|
fontWeight={500}>
|
||||||
{label}
|
{label}
|
||||||
</Text>
|
</Text>
|
||||||
|
@ -163,7 +163,7 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
|
||||||
justify={'flex-end'}
|
justify={'flex-end'}
|
||||||
align={'center'}
|
align={'center'}
|
||||||
flex={1}>
|
flex={1}>
|
||||||
<Icon color={'pink.400'} w={5} h={5} as={ChevronRightIcon} />
|
<Icon color={'teal.200'} w={5} h={5} as={ChevronRightIcon} />
|
||||||
</Flex>
|
</Flex>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
|
@ -8,7 +8,7 @@ import {
|
||||||
} from "@chakra-ui/react"
|
} from "@chakra-ui/react"
|
||||||
|
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import {motion} from 'framer-motion'
|
import { motion } from 'framer-motion'
|
||||||
|
|
||||||
const container = {
|
const container = {
|
||||||
hidden: { opacity: 1, scale: 0 },
|
hidden: { opacity: 1, scale: 0 },
|
||||||
|
@ -49,7 +49,7 @@ function StatCard() {
|
||||||
<StatLabel>Activity</StatLabel>
|
<StatLabel>Activity</StatLabel>
|
||||||
<StatNumber>45 messages</StatNumber>
|
<StatNumber>45 messages</StatNumber>
|
||||||
<StatHelpText>
|
<StatHelpText>
|
||||||
<StatArrow type="decrease" />
|
<StatArrow type="decrease"/>
|
||||||
9.05%
|
9.05%
|
||||||
</StatHelpText>
|
</StatHelpText>
|
||||||
</MotionStat>
|
</MotionStat>
|
||||||
|
@ -57,4 +57,4 @@ function StatCard() {
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default StatCard
|
export default StatCard
|
Loading…
Reference in a new issue