fix: 修复手机端无法下载文件

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.9.77",
+  "version": "0.9.78",
   "homepage": "https://voce.chat",
   "dependencies": {
     "@metamask/onboarding": "^1.0.1",

src/components/FileMessage/DownloadArea.tsx

@@ -18,7 +18,7 @@ const DownloadArea = ({ copyLink, downloadLink }: Props) => {
       >
         <IconCopy className="size-6 fill-gray-500 dark:fill-gray-400" />
       </button>
-      <a className="hidden md:block whitespace-nowrap" download={name} href={downloadLink}>
+      <a className="whitespace-nowrap" download={name} href={downloadLink}>
         <IconDownload className="fill-gray-500 dark:fill-gray-400" />
       </a>
     </div>

src/components/FileMessage/OtherFileMessage.tsx

@@ -54,7 +54,6 @@ const OtherFileMessage = ({
       className={clsx(
         `bg-stone-100 dark:bg-stone-900 border box-border md:w-96 rounded-md border-gray-300 dark:border-gray-500`,
         sending && "opacity-90"
-        // error ? "border-red-100 dark:border-red-900/50" : "border-gray-300 dark:border-gray-500"
       )}
     >
       <div className="px-3 py-2 flex items-center justify-between gap-2">
@@ -63,20 +62,19 @@ const OtherFileMessage = ({
           <span
             className={clsx(
               "font-semibold text-sm truncate text-gray-800 dark:text-gray-100"
-              // error ? "text-red-500" : "text-gray-800 dark:text-gray-100"
             )}
           >
             {name}
           </span>
-          <span className="hidden md:flex whitespace-nowrap text-xs text-gray-500 dark:text-gray-300 gap-4">
+          <span className="flex whitespace-nowrap text-xs text-gray-500 dark:text-gray-300 gap-4">
             {sending ? (
               <Progress value={progress} width={"80%"} />
             ) : (
               <>
                 <strong>{formatBytes(size)}</strong>
-                <strong>{fromNowTime(created_at)}</strong>
+                <strong className="hidden md:inline">{fromNowTime(created_at)}</strong>
                 {from_user && (
-                  <strong>
+                  <strong className="hidden md:inline">
                     by <strong className="font-bold">{from_user.name}</strong>
                   </strong>
                 )}