From 8925d43b62040d6a37455848c329eaf9df7ee687 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B2=81=E6=A0=91=E4=BA=BA?= <lu.shuren@um-react.app>
Date: Sat, 10 Jun 2023 17:54:24 +0100
Subject: [PATCH] fix: reword unlock instructions to fit in single line for
 mobile devices

---
 src/components/SelectFile.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/SelectFile.tsx b/src/components/SelectFile.tsx
index fc0fd78..90cae2c 100644
--- a/src/components/SelectFile.tsx
+++ b/src/components/SelectFile.tsx
@@ -1,5 +1,5 @@
 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 { useAppDispatch } from '~/hooks';
@@ -62,16 +62,16 @@ export function SelectFile() {
       <Box pb={3}>
         <UnlockIcon boxSize={8} />
       </Box>
-      <Box textAlign="center">
-        将文件拖到此处，或
-        <Text as="span" color="teal.400">
+      <Text textAlign="center">
+        拖放或
+        <chakra.span as="span" color="teal.400">
           点我选择
-        </Text>
+        </chakra.span>
         需要解密的文件
         <Text fontSize="sm" opacity="50%">
-          仅在浏览器内对文件进行解锁，无需消耗流量
+          在浏览器内对文件进行解锁，零上传
         </Text>
-      </Box>
+      </Text>
     </Box>
   );
 }