night0721/nyx-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Changed nav hover color from pink to teal

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/Nav/Header.js
View file

@ -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>

4
components/StatCard.js
View file

@ -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>