Optimize log page

src/pages/system/Log.tsx

@@ -261,15 +261,7 @@ const Log: React.FC = () => {
         JSON.stringify(tableParams.pagination?.current)
     ])
 
-    return (
-        <>
-            <FitFullScreen>
-                <HideScrollbar
-                    style={{ padding: 30 }}
-                    isShowVerticalScrollbar
-                    autoHideWaitingTime={500}
-                >
-                    <FlexBox gap={20}>
+    const toolbar = (
         <FlexBox direction={'horizontal'} gap={10}>
             <Card style={{ overflow: 'inherit' }}>
                 <AntdInput
@@ -286,14 +278,9 @@ const Log: React.FC = () => {
                     suffix={
                         <>
                             {!isRegexLegal ? (
-                                                <span style={{ color: COLOR_ERROR_SECONDARY }}>
-                                                    非法表达式
-                                                </span>
+                                <span style={{ color: COLOR_ERROR_SECONDARY }}>非法表达式</span>
                             ) : undefined}
-                                            <AntdCheckbox
-                                                checked={useRegex}
-                                                onChange={handleOnUseRegexChange}
-                                            >
+                            <AntdCheckbox checked={useRegex} onChange={handleOnUseRegexChange}>
                                 <AntdTooltip title={'正则表达式'}>.*</AntdTooltip>
                             </AntdCheckbox>
                         </>
@@ -319,6 +306,9 @@ const Log: React.FC = () => {
                 </AntdButton>
             </Card>
         </FlexBox>
+    )
+
+    const table = (
         <Card>
             <AntdTable
                 dataSource={logData}
@@ -329,6 +319,19 @@ const Log: React.FC = () => {
                 onChange={handleOnTableChange}
             />
         </Card>
+    )
+
+    return (
+        <>
+            <FitFullScreen>
+                <HideScrollbar
+                    style={{ padding: 30 }}
+                    isShowVerticalScrollbar
+                    autoHideWaitingTime={500}
+                >
+                    <FlexBox gap={20}>
+                        {toolbar}
+                        {table}
                     </FlexBox>
                 </HideScrollbar>
             </FitFullScreen>