styles: 工作空间样式调整

react-ui/src/pages/AutoML/components/ExperimentInstance/index.tsx

@@ -107,7 +107,7 @@ function ExperimentInstanceComponent({
   };
 
   if (!experimentInsList || experimentInsList.length === 0) {
-    return <div style={{ textAlign: 'center' }}>暂无实验实例</div>;
+    return <div style={{ textAlign: 'center' }}>暂无数据</div>;
   }
 
   return (

react-ui/src/pages/Workspace/components/TotalStatistics/index.less

@@ -1,12 +1,18 @@
 .total-statistics {
   display: flex;
   align-items: center;
+  justify-content: center;
   height: 140px;
   padding: 0 16px;
 
+  // 媒体查询
+  @media screen and (max-width: 1600px) {
+    flex: 1 1 content;
+  }
+
   &__icon {
     width: 63px;
-    margin-right: 15px;
+    margin-right: 16px;
   }
 
   &__title {

react-ui/src/pages/Workspace/index.less

@@ -8,7 +8,6 @@
   &__overview {
     flex: 1;
     gap: 15px;
-    margin-bottom: 16px;
     padding: 20px 30px;
     background-color: white;
     border-radius: 4px;
@@ -22,7 +21,6 @@
 
     &__content {
       display: flex;
-
       flex-wrap: wrap;
       gap: 15px;
       align-items: center;
@@ -35,6 +33,11 @@
           rgba(22, 100, 255, 0.02) 58.35%
         );
         border-radius: 4px;
+
+        // 媒体查询
+        @media screen and (max-width: 1600px) {
+          flex: 1 1 content;
+        }
       }
     }
   }
@@ -44,6 +47,7 @@
     gap: 15px;
     align-items: flex-start;
     width: 100%;
+    margin-top: 16px;
   }
 
   &__user {

react-ui/src/pages/Workspace/index.tsx

@@ -46,7 +46,7 @@ function Workspace() {
   return (
     <div className={styles.workspace}>
       <WorkspaceIntro></WorkspaceIntro>
-      <Flex gap={'0 15px'} wrap>
+      <Flex gap={'15px'} wrap>
         <div className={styles['workspace__overview']}>
           <div className={styles['workspace__overview__title']}>运行概览</div>
           <div className={styles['workspace__overview__content']}>
@@ -59,7 +59,7 @@ function Workspace() {
               <Divider
                 type="vertical"
                 dashed
-                style={{ color: '1px dashed rgba(96, 107, 122, 0.19)', height: 68 }}
+                style={{ color: '1px dashed rgba(96, 107, 122, 0.19)', height: 68, margin: 0 }}
               />
               <TotalStatistics
                 icon={require('@/assets/img/workspace-experiment.png')}