From d122eaecf5a11e0f8f58d8aaf1890b1109d37da6 Mon Sep 17 00:00:00 2001
From: awalol <awalolcn@gmail.com>
Date: Tue, 15 Jul 2025 22:10:45 +0800
Subject: [PATCH] =?UTF-8?q?refactor(DownloadAll):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.css                    | 9 +++++++++
 src/components/AppRoot.tsx     | 2 --
 src/components/DownloadAll.tsx | 7 +------
 src/tabs/MainTab.tsx           | 2 ++
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/App.css b/src/App.css
index 94a85cc..5c548d8 100644
--- a/src/App.css
+++ b/src/App.css
@@ -65,3 +65,12 @@ h6 {
     opacity: 0.75;
   }
 }
+
+#downloadAll {
+  position: absolute;
+  right: 0;
+  bottom: 72px;
+  width: 48px;
+  height: 48px;
+  margin: 10px;
+}
diff --git a/src/components/AppRoot.tsx b/src/components/AppRoot.tsx
index 696c46d..dbee96a 100644
--- a/src/components/AppRoot.tsx
+++ b/src/components/AppRoot.tsx
@@ -15,7 +15,6 @@ 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();
@@ -72,7 +71,6 @@ export function AppRoot() {
           transition={Bounce}
         />
 
-        <DownloadAll />
         <Footer />
       </Provider>
     </BrowserRouter>
diff --git a/src/components/DownloadAll.tsx b/src/components/DownloadAll.tsx
index bc9abae..e31e8ee 100644
--- a/src/components/DownloadAll.tsx
+++ b/src/components/DownloadAll.tsx
@@ -62,12 +62,7 @@ export function DownloadAll() {
   };
 
   return (
-    <button
-      style={{ width: '48px', height: '48px', paddingInline: '0px', margin: '10px', marginLeft: 'auto' }}
-      className="btn btn-primary"
-      onClick={onClickDownloadAll}
-      title="下载全部"
-    >
+    <button className="btn btn-primary" id="downloadAll" onClick={onClickDownloadAll} title="下载全部">
       <FaDownload />
     </button>
   );
diff --git a/src/tabs/MainTab.tsx b/src/tabs/MainTab.tsx
index 3491ce1..b541762 100644
--- a/src/tabs/MainTab.tsx
+++ b/src/tabs/MainTab.tsx
@@ -1,5 +1,6 @@
 import { RiErrorWarningLine } from 'react-icons/ri';
 import { SelectFile } from '../components/SelectFile';
+import { DownloadAll } from '~/components/DownloadAll.tsx';
 
 import { FileListing } from '~/features/file-listing/FileListing';
 import { useAppDispatch, useAppSelector } from '~/hooks.ts';
@@ -39,6 +40,7 @@ export function MainTab() {
         <div className="w-full mt-4">
           <FileListing />
         </div>
+        <DownloadAll />
       </div>
     </div>
   );