From a3cd8a69de0fbb36c3620ddf6d72df5210c77201 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Mon, 24 Feb 2025 00:38:47 +0800
Subject: [PATCH] fix(dock): fix Back to Top and Refresh buttons' position when
 dock is at bottom edge

---
 src/components/Dock/Dock.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Dock/Dock.vue b/src/components/Dock/Dock.vue
index 2cb810b8..1ca7d1eb 100644
--- a/src/components/Dock/Dock.vue
+++ b/src/components/Dock/Dock.vue
@@ -340,9 +340,14 @@ const dockTransformStyle = computed((): { transform: string, transformOrigin: st
       <!-- Back to top & refresh buttons -->
       <div
         v-if="showBackToTopOrRefreshButton"
-        pos="absolute bottom-0"
-        transform="translate-y-100%"
-        flex="~ col gap-2"
+        :style="{
+          bottom: settings.dockPosition === 'bottom' ? 'unset' : 0,
+          right: settings.dockPosition === 'bottom' ? 0 : 'unset',
+          transform: settings.dockPosition === 'bottom' ? 'translate(100%, 0)' : 'translateY(100%)',
+          flexDirection: settings.dockPosition === 'bottom' ? 'row' : 'column',
+        }"
+        pos="absolute"
+        flex="~ gap-2"
       >
         <template
           v-if="settings.backToTopAndRefreshButtonsAreSeparated"