um/um-react
18
30
Fork 0
Code Issues 13 Pull Requests Packages Projects 1 Releases 2 Wiki Activity

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

Browse Source
This commit is contained in:
鲁树人 2023-06-10 17:54:24 +01:00
parent d73a51a931
commit 8925d43b62
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/SelectFile.tsx
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> </Text>
</Box>
</Box> </Box>
); );
} }