[WIFI-12574] Theme improvements

Signed-off-by: Charles <charles.bourque96@gmail.com>
This commit is contained in:
Charles
2023-05-03 09:57:44 +02:00
parent 5947f3362d
commit 130d71d5a0
70 changed files with 1514 additions and 778 deletions

View File

@@ -15,19 +15,19 @@ const SimpleIconStatDisplay = ({ title, description, icon, value, color }: Props
const bgColor = useColorModeValue(color[0], color[1]);
return (
<Card variant="widget" w="100%" p={3}>
<Flex h="70px" w="100%">
<Card p={3} bgColor={bgColor}>
<Flex h="70px" w="100%" color="white">
<Flex direction="column" justifyContent="center">
<Heading size="lg">{value}</Heading>
<Heading size="sm" display="flex">
<Text opacity={0.8}>{title}</Text>
<Text>{title}</Text>
<Tooltip label={description} hasArrow>
<Info style={{ marginLeft: '4px', marginTop: '2px' }} />
</Tooltip>
</Heading>
</Flex>
<Spacer />
<Icon borderRadius="15px" my="auto" as={icon} boxSize="70px" bgColor={bgColor} color="white" />
<Icon borderRadius="15px" my="auto" as={icon} boxSize="70px" color="white" />
</Flex>
</Card>
);