chore: make error summary red (#12)

This commit is contained in:
鲁树人 2023-05-22 22:28:51 +01:00
parent 52d86e4601
commit 26fa7fef52

View File

@ -17,7 +17,9 @@ export function FileError({ error, code }: FileErrorProps) {
return ( return (
<Box> <Box>
<Text> <Text>
<chakra.span>{errorSummary}</chakra.span> <chakra.span>
<chakra.span color="red.700">{errorSummary}</chakra.span>
</chakra.span>
{error && ( {error && (
<Button ml="2" onClick={onToggle} type="button"> <Button ml="2" onClick={onToggle} type="button">
@ -26,7 +28,7 @@ export function FileError({ error, code }: FileErrorProps) {
</Text> </Text>
{error && ( {error && (
<Collapse in={isOpen} animateOpacity> <Collapse in={isOpen} animateOpacity>
<Box as="pre" display="inline-block" mt="2" px="4" py="2" bg="red.300" rounded="md"> <Box as="pre" display="inline-block" mt="2" px="4" py="2" bg="red.100" color="red.800" rounded="md">
{error} {error}
</Box> </Box>
</Collapse> </Collapse>