From fa7292f65bd057a52bee1bac73a08d58fe700a1c Mon Sep 17 00:00:00 2001
From: awalol <awalolcn@gmail.com>
Date: Sun, 15 Jun 2025 14:05:11 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E5=AE=8C=E5=96=84=E5=85=A8=E9=83=A8?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E6=8C=89=E9=92=AE=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AppRoot.tsx     |  2 ++
 src/components/DownloadAll.tsx | 12 ++++++++++--
 src/tabs/MainTab.tsx           |  4 ----
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/AppRoot.tsx b/src/components/AppRoot.tsx
index dbee96a..696c46d 100644
--- a/src/components/AppRoot.tsx
+++ b/src/components/AppRoot.tsx
@@ -15,6 +15,7 @@ import { Bounce, ToastContainer } from 'react-toastify';
 import { SettingsHome } from '~/features/settings/SettingsHome';
 import { FAQ_PAGES } from '~/faq/FAQPages';
 import { FaqHome } from '~/faq/FaqHome';
+import { DownloadAll } from '~/components/DownloadAll.tsx';
 
 // Private to this file only.
 const store = setupStore();
@@ -71,6 +72,7 @@ export function AppRoot() {
           transition={Bounce}
         />
 
+        <DownloadAll />
         <Footer />
       </Provider>
     </BrowserRouter>
diff --git a/src/components/DownloadAll.tsx b/src/components/DownloadAll.tsx
index 814df4f..dad0f0f 100644
--- a/src/components/DownloadAll.tsx
+++ b/src/components/DownloadAll.tsx
@@ -28,8 +28,16 @@ export function DownloadAll() {
   };
 
   return (
-    <button className="btn btn-primary" onClick={onClickDownloadAll}>
-      Download All
+    <button
+      style={{ width: '48px', height: '48px', paddingInline: '0px', margin: '10px', marginLeft: 'auto' }}
+      className="btn btn-primary"
+      onClick={onClickDownloadAll}
+      title="下载全部"
+    >
+      <svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 0 24 24" width="40px" fill="#e3e3e3">
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
+      </svg>
     </button>
   );
 }
diff --git a/src/tabs/MainTab.tsx b/src/tabs/MainTab.tsx
index 0f85087..3491ce1 100644
--- a/src/tabs/MainTab.tsx
+++ b/src/tabs/MainTab.tsx
@@ -1,6 +1,5 @@
 import { RiErrorWarningLine } from 'react-icons/ri';
 import { SelectFile } from '../components/SelectFile';
-import { DownloadAll } from '~/components/DownloadAll';
 
 import { FileListing } from '~/features/file-listing/FileListing';
 import { useAppDispatch, useAppSelector } from '~/hooks.ts';
@@ -40,9 +39,6 @@ export function MainTab() {
         <div className="w-full mt-4">
           <FileListing />
         </div>
-        <div>
-          <DownloadAll />
-        </div>
       </div>
     </div>
   );