um/um-react
16
28
Fork 10
Code Issues 15 Pull Requests 1 Packages Projects 1 Releases 2 Wiki Activity

chore: make error summary red (#12)

Browse Source
This commit is contained in:
鲁树人 2023-05-22 22:28:51 +01:00
parent 5db5fdaa69
commit ce2c9835b9
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/features/file-listing/FileError.tsx
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>