From 3d0663d793e531c5dc57646efa7dc68fbc9c2b7e Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Tue, 14 Nov 2023 23:15:39 +0100
Subject: [PATCH] back to top #605

---
 web/html/xui/inbounds.html |  7 +++++++
 web/html/xui/settings.html | 14 ++++++++++----
 web/html/xui/xray.html     | 14 ++++++++++----
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/web/html/xui/inbounds.html b/web/html/xui/inbounds.html
index 0d0ecbad..95cfd31f 100644
--- a/web/html/xui/inbounds.html
+++ b/web/html/xui/inbounds.html
@@ -76,6 +76,10 @@
                                 <a-tag color="blue">[[ dbInbounds.length ]]</a-tag>
                             </a-col>
                             <a-col :xs="24" :sm="24" :lg="12">
+                                <template>
+                                    <div>
+                                        <a-back-top :target="() => document.getElementById('content-layout')" visibility-height="200">
+                                        </a-back-top>
                                 {{ i18n "clients" }}:
                                 <a-tag color="blue">[[ total.clients ]]</a-tag>
                                 <a-popover title='{{ i18n "disabled" }}' :overlay-class-name="themeSwitcher.currentTheme">
@@ -102,6 +106,8 @@
                                     </template>
                                     <a-tag color="green" v-if="onlineClients.length">[[ onlineClients.length ]]</a-tag>
                                 </a-popover>
+                                    </div>
+                                </template>
                             </a-col>
                         </a-row>
                     </a-card>
@@ -166,6 +172,7 @@
                                 <a-radio-button value="online">{{ i18n "online" }}</a-radio-button>
                             </a-radio-group>
                         </div>
+                        <a-back-top></a-back-top>
                         <a-table :columns="isMobile ? mobileColums : columns" :row-key="dbInbound => dbInbound.id"
                                  :data-source="searchedInbounds"
                                  :scroll="isMobile ? {} : { x: 1000 }"
diff --git a/web/html/xui/settings.html b/web/html/xui/settings.html
index 29ec2e77..60706358 100644
--- a/web/html/xui/settings.html
+++ b/web/html/xui/settings.html
@@ -61,10 +61,16 @@
                                 </a-space>
                             </a-col>
                             <a-col :xs="24" :sm="16">
-                                <a-alert type="warning" style="float: right; width: fit-content"
-                                message='{{ i18n "pages.settings.infoDesc" }}'
-                                show-icon
-                                >
+                                <template>
+                                    <div>
+                                        <a-back-top :target="() => document.getElementById('content-layout')" visibility-height="200">
+                                        </a-back-top>
+                                        <a-alert type="warning" style="float: right; width: fit-content"
+                                        message='{{ i18n "pages.settings.infoDesc" }}'
+                                        show-icon
+                                        >
+                                    </div>
+                                </template>
                             </a-col>
                         </a-row>
                     </a-card>
diff --git a/web/html/xui/xray.html b/web/html/xui/xray.html
index ac96d1a0..4f9a4436 100644
--- a/web/html/xui/xray.html
+++ b/web/html/xui/xray.html
@@ -61,10 +61,16 @@
                                 </a-space>
                             </a-col>
                             <a-col :xs="24" :sm="16">
-                                <a-alert type="warning" style="float: right; width: fit-content"
-                                message='{{ i18n "pages.settings.infoDesc" }}'
-                                show-icon
-                                >
+                                <template>
+                                    <div>
+                                        <a-back-top :target="() => document.getElementById('content-layout')" visibility-height="200">
+                                        </a-back-top>
+                                        <a-alert type="warning" style="float: right; width: fit-content"
+                                        message='{{ i18n "pages.settings.infoDesc" }}'
+                                        show-icon
+                                        >
+                                    </div>
+                                </template>
                             </a-col>
                         </a-row>
                     </a-card>