feat: 前端美化

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,

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={{

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%;
 }