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 (
<Box>
<Text>
<chakra.span>{errorSummary}</chakra.span>
<chakra.span>
<chakra.span color="red.700">{errorSummary}</chakra.span>
</chakra.span>
{error && (
<Button ml="2" onClick={onToggle} type="button">
@ -26,7 +28,7 @@ export function FileError({ error, code }: FileErrorProps) {
</Text>
{error && (
<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}
</Box>
</Collapse>