From ab099c803150cf3d292c7c8c80374e72e06a8e96 Mon Sep 17 00:00:00 2001
From: xream <xream@icloud.com>
Date: Sun, 28 Jan 2024 17:56:07 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E5=BE=AE=E8=B0=83=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json       | 2 +-
 src/views/File.vue | 5 +++--
 src/views/Sub.vue  | 5 +++--
 src/views/Sync.vue | 5 +++--
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 8fe74c31f..da67524e1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.100",
+  "version": "2.14.101",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/views/File.vue b/src/views/File.vue
index 16dcf5a9b..03a95a820 100644
--- a/src/views/File.vue
+++ b/src/views/File.vue
@@ -17,7 +17,7 @@
             bottom: bottomSafeArea + 48 + 12 + 8,
             right: 16,
           }"
-          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36}px` }"
+          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36 + (!isMobile() ? (isSimpleMode ? 44 : 48) : 0) }px` }"
         >
           <!-- 刷新 -->
           <div v-if="showFloatingRefreshButton" class="drag-btn refresh" @click="refresh">
@@ -133,6 +133,7 @@ import { useSubsStore } from "@/store/subs";
 import { initStores } from "@/utils/initApp";
 import { useI18n } from "vue-i18n";
 import { useBackend } from "@/hooks/useBackend";
+import { isMobile } from '@/utils/isMobile';
 
 const { env } = useBackend();
 const { showNotify } = useAppNotifyStore();
@@ -141,7 +142,7 @@ const { t } = useI18n();
 const subsStore = useSubsStore();
 const globalStore = useGlobalStore();
 const { hasFiles, files } = storeToRefs(subsStore);
-const { isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
+const { isSimpleMode, isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
 const swipeDisabled = ref(false);
 const touchStartY = ref(null);
 const touchStartX = ref(null);
diff --git a/src/views/Sub.vue b/src/views/Sub.vue
index e614f8995..70a59304e 100644
--- a/src/views/Sub.vue
+++ b/src/views/Sub.vue
@@ -49,7 +49,7 @@
             bottom: bottomSafeArea + 48 + 12 + 8,
             right: 16,
           }"
-          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36}px` }"
+          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36 + (!isMobile() ? (isSimpleMode ? 44 : 48) : 0) }px` }"
         >
           <!-- 刷新 -->
           <div v-if="showFloatingRefreshButton" class="drag-btn refresh" @click="refresh">
@@ -200,6 +200,7 @@ import { useSubsStore } from "@/store/subs";
 import { initStores } from "@/utils/initApp";
 import { useI18n } from "vue-i18n";
 import { useBackend } from "@/hooks/useBackend";
+import { isMobile } from '@/utils/isMobile';
 
 const { env } = useBackend();
 const { showNotify } = useAppNotifyStore();
@@ -209,7 +210,7 @@ const addSubBtnIsVisible = ref(false);
 const subsStore = useSubsStore();
 const globalStore = useGlobalStore();
 const { hasSubs, hasCollections, subs, collections } = storeToRefs(subsStore);
-const { isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
+const { isSimpleMode, isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
 const swipeDisabled = ref(false);
 const touchStartY = ref(null);
 const touchStartX = ref(null);
diff --git a/src/views/Sync.vue b/src/views/Sync.vue
index 6c8ac63d0..94a212531 100644
--- a/src/views/Sync.vue
+++ b/src/views/Sync.vue
@@ -15,7 +15,7 @@
             bottom: bottomSafeArea + 48 + 12 + 8,
             right: 16,
           }"
-          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36}px` }"
+          :style="{ cursor: 'pointer', right: '16px', bottom: `${bottomSafeArea + 48 + 36 + (!isMobile() ? (isSimpleMode ? 44 : 48) : 0) }px` }"
         >
           <div class="drag-btn" @click="onclickAddArtifact">
             <font-awesome-icon icon="fa-solid fa-plus" />
@@ -199,6 +199,7 @@ import { useI18n } from "vue-i18n";
 import { useAppNotifyStore } from "@/store/appNotify";
 import { useBackend } from "@/hooks/useBackend";
 import { Dialog } from '@nutui/nutui';
+import { isMobile } from '@/utils/isMobile';
 
 const { env } = useBackend();
 const subsApi = useSubsApi();
@@ -206,7 +207,7 @@ const subsApi = useSubsApi();
 const globalStore = useGlobalStore();
 const artifactsStore = useArtifactsStore();
 const settingsStore = useSettingsStore();
-const { isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
+const { isSimpleMode, isLoading, fetchResult, bottomSafeArea, showFloatingRefreshButton } = storeToRefs(globalStore);
 const { artifacts } = storeToRefs(artifactsStore);
 const { artifactStore: artifactStoreUrl, artifactStoreStatus, syncPlatform } = storeToRefs(settingsStore);
 const { showNotify } = useAppNotifyStore();