From 5569ea27556e45453015b399add0769c7e84d57f Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Fri, 8 Aug 2025 15:37:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E7=BD=AE=E9=A1=B6?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E3=80=81=E7=BF=BB=E9=A1=B5=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/FloatingButton.vue         | 21 ++++++++++++++++++-
 .../src/components/doc/DocPagination.vue      |  1 +
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/.vitepress/src/components/FloatingButton.vue b/app/.vitepress/src/components/FloatingButton.vue
index 942be7c77..e27d68e3b 100644
--- a/app/.vitepress/src/components/FloatingButton.vue
+++ b/app/.vitepress/src/components/FloatingButton.vue
@@ -72,7 +72,7 @@ onMounted(() => {
   <div v-if="gtPhone" class="feedback-home">
     <div class="feedback-wrap">
       <FloatingButtonHome />
-      <div v-if="showBackTop" class="nav-box2" :class="[isDark ? 'dark-nav' : '']" @click="scrollToTop(0)">
+      <div v-if="showBackTop" class="container back-top" :class="[isDark ? 'dark-nav' : '']" @click="scrollToTop(0)">
         <OIcon class="icon-top"><IconTop /> </OIcon>
       </div>
     </div>
@@ -200,4 +200,23 @@ onMounted(() => {
     }
   }
 }
+
+.container {
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+  box-shadow: var(--o-shadow-2);
+}
+
+.back-top {
+  margin-top: 12px;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+
+.icon-top {
+  font-size: var(--o-font_size-h2);
+}
 </style>
diff --git a/app/.vitepress/src/components/doc/DocPagination.vue b/app/.vitepress/src/components/doc/DocPagination.vue
index eac4c7b7f..f70b32abe 100644
--- a/app/.vitepress/src/components/doc/DocPagination.vue
+++ b/app/.vitepress/src/components/doc/DocPagination.vue
@@ -169,6 +169,7 @@ const config = computed(() => {
 
 .pre-text,
 .next-text {
+  white-space: nowrap;
   @include respond-to('phone') {
     padding: 0;
   }
-- 
Gitee