From 9cd3cd3caa3fed2a4225e1a2dc63dac785223525 Mon Sep 17 00:00:00 2001
From: CaIon <1808837298@qq.com>
Date: Fri, 8 Dec 2023 19:28:04 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D=E6=B8=A0=E9=81=93=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ChannelsTable.js | 15 +++++++++++++--
 web/src/index.css                   |  3 +++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ChannelsTable.js b/web/src/components/ChannelsTable.js
index 0a2a66d..3712c46 100644
--- a/web/src/components/ChannelsTable.js
+++ b/web/src/components/ChannelsTable.js
@@ -1,7 +1,16 @@
 import React, {useEffect, useState} from 'react';
 import {Input, Label, Message, Popup} from 'semantic-ui-react';
 import {Link} from 'react-router-dom';
-import {API, setPromptShown, shouldShowPrompt, showError, showInfo, showSuccess, timestamp2string} from '../helpers';
+import {
+    API,
+    isMobile,
+    setPromptShown,
+    shouldShowPrompt,
+    showError,
+    showInfo,
+    showSuccess,
+    timestamp2string
+} from '../helpers';
 
 import {CHANNEL_OPTIONS, ITEMS_PER_PAGE} from '../constants';
 import {renderGroup, renderNumber, renderQuota, renderQuotaWithPrompt} from '../helpers/render';
@@ -593,12 +602,13 @@ const ChannelsTable = () => {
                 total: channelCount,
                 pageSizeOpts: [10, 20, 50, 100],
                 showSizeChanger: true,
+                formatPageText:(page) => '',
                 onPageSizeChange: (size) => {
                     handlePageSizeChange(size).then()
                 },
                 onPageChange: handlePageChange,
             }} loading={loading} onRow={handleRow}/>
-            <div style={{display: 'flex'}}>
+            <div style={{display: isMobile()?'':'flex', marginTop: isMobile()?0:-45, zIndex: 999, position: 'relative'}}>
                 <Space>
                     <Button theme='light' type='primary' style={{marginRight: 8}} onClick={
                         () => {
@@ -612,6 +622,7 @@ const ChannelsTable = () => {
                         title="确定？"
                         okType={'warning'}
                         onConfirm={testAllChannels}
+                        position={isMobile()?'top':''}
                     >
                         <Button theme='light' type='warning' style={{marginRight: 8}}>测试所有已启用通道</Button>
                     </Popconfirm>
diff --git a/web/src/index.css b/web/src/index.css
index 9b66f0f..5c6a09a 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -27,6 +27,9 @@ body {
     .semi-table-tbody>.semi-table-row {
         border-bottom: 1px solid rgba(0,0,0,.1);
     }
+    .semi-space {
+        display: block!important;
+    }
 }
 
 .semi-layout {