From c29680b301e9ca2e527428b6fd1a0d54ffd68e11 Mon Sep 17 00:00:00 2001
From: CaIon <1808837298@qq.com>
Date: Mon, 11 Mar 2024 21:08:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=89=8D=E7=AB=AF=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ChannelsTable.js |  2 +-
 web/src/components/SiderBar.js      |  6 ++----
 web/src/index.css                   | 10 ++++++++++
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/web/src/components/ChannelsTable.js b/web/src/components/ChannelsTable.js
index 26da9a35..0b34bde4 100644
--- a/web/src/components/ChannelsTable.js
+++ b/web/src/components/ChannelsTable.js
@@ -675,7 +675,7 @@ const ChannelsTable = () => {
                 </Space>
             </div>
 
-            <Table style={{marginTop: 15}} columns={columns} dataSource={pageData} pagination={{
+            <Table className={'channel-table'} style={{marginTop: 15}} columns={columns} dataSource={pageData} pagination={{
                 currentPage: activePage,
                 pageSize: pageSize,
                 total: channelCount,
diff --git a/web/src/components/SiderBar.js b/web/src/components/SiderBar.js
index 744f82a7..af68aa26 100644
--- a/web/src/components/SiderBar.js
+++ b/web/src/components/SiderBar.js
@@ -156,12 +156,11 @@ const SiderBar = () => {
             <Layout>
                 <div style={{height: '100%'}}>
                     <Nav
-                        // mode={'horizontal'}
-                        // bodyStyle={{ height: 100 }}
+                        // bodyStyle={{ maxWidth: 200 }}
+                        style={{ maxWidth: 200 }}
                         defaultIsCollapsed={isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true'}
                         isCollapsed={isCollapsed}
                         onCollapseChange={collapsed => {
-                            console.log(collapsed);
                             setIsCollapsed(collapsed);
                         }}
                         selectedKeys={selectedKeys}
@@ -191,7 +190,6 @@ const SiderBar = () => {
                         }}
                         items={headerButtons}
                         onSelect={key => {
-                            console.log(key);
                             setSelectedKeys([key.itemKey]);
                         }}
                         header={{
diff --git a/web/src/index.css b/web/src/index.css
index 5c6a09aa..d9d8ed6c 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -32,6 +32,16 @@ body {
     }
 }
 
+.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
+    padding: 16px 14px;
+}
+
+.channel-table {
+    .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
+        padding: 16px 8px;
+    }
+}
+
 .semi-layout {
     height: 100%;
 }