fix: '日志管理样式优化'

src/pages/log/logCenter/index.jsx

@@ -17,7 +17,7 @@ import {
   Tag,
   Modal,
 } from 'antd';
-import { SwapRightOutlined, SyncOutlined } from '@ant-design/icons';
+import { CalculatorFilled, SwapRightOutlined, SyncOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import 'moment/dist/locale/zh-cn';
 import locale from 'antd/es/date-picker/locale/zh_CN';
@@ -125,7 +125,7 @@ const LogCenter = () => {
       title: '调用时间',
       dataIndex: 'time',
       key: 'time',
-      width: 120,
+      width: 140,
       align: 'center',
     },
     {
@@ -346,7 +346,6 @@ const LogCenter = () => {
           style={{
             marginLeft: '25px',
             verticalAlign: 'middle',
-            marginTop: '-3px',
           }}
         >
           重置
@@ -358,7 +357,7 @@ const LogCenter = () => {
           bordered
           columns={columns}
           dataSource={keepTableList}
-          scroll={{ x: 'max-content', y: 'calc(100vh - 225px)' }}
+          scroll={{ y: 'calc(100% - 35px)' }}
           pagination={false}
           onChange={onChangeInput}
           loading={loading}

src/pages/log/logCenter/index.less

 .centerLog {
   width: 100%;
   height: 100%;
+  display: flex;
+  flex-direction: column;
   .head {
     padding: 10px;
     background: white;
     margin-bottom: 2px;
     width: 100%;
-    height: 52px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
   }
   .table {
-    height: calc(100% - 95px);
+    flex: 1;
     width: 100%;
     background-color: white;
     padding: 10px;
     overflow: hidden;
     margin-bottom: 3px;
+    :global {
+      .ant-table-wrapper {
+        height: 100%;
+
+        .ant-spin-nested-loading {
+          height: 100%;
+
+          .ant-spin-container{
+            height: 100%;
+
+            .ant-table.ant-table-small{
+              height: 100%;
+
+              .ant-table-container {
+                height: 100%;
+              }
+            }
+
+            
+          }
+
+          
+        }
+      }
+    }
   }
   .footer{
     width: 100%;
@@ -26,7 +55,6 @@
   }
 
   .icon {
-    margin-top: -5px !important;
     vertical-align: text-bottom;
   }
 }