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}/> -
+
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 {