fix: reword unlock instructions to fit in single line for mobile devices

This commit is contained in:
鲁树人
2023-06-10 17:55:13 +01:00
parent d73a51a931
commit 8925d43b62
+7 -7
View File
@@ -1,5 +1,5 @@
import { useDropzone } from 'react-dropzone'; import { useDropzone } from 'react-dropzone';
import { Box, Text } from '@chakra-ui/react'; import { chakra, Box, Text } from '@chakra-ui/react';
import { UnlockIcon } from '@chakra-ui/icons'; import { UnlockIcon } from '@chakra-ui/icons';
import { useAppDispatch } from '~/hooks'; import { useAppDispatch } from '~/hooks';
@@ -62,16 +62,16 @@ export function SelectFile() {
<Box pb={3}> <Box pb={3}>
<UnlockIcon boxSize={8} /> <UnlockIcon boxSize={8} />
</Box> </Box>
<Box textAlign="center"> <Text textAlign="center">
将文件拖到此处,或 拖放或
<Text as="span" color="teal.400"> <chakra.span as="span" color="teal.400">
点我选择 点我选择
</Text> </chakra.span>
需要解密的文件 需要解密的文件
<Text fontSize="sm" opacity="50%"> <Text fontSize="sm" opacity="50%">
仅在浏览器内对文件进行解锁,无需消耗流量 在浏览器内对文件进行解锁,零上传
</Text> </Text>
</Box> </Text>
</Box> </Box>
); );
} }