fix: import log show styles (#781)

vesoft-inc · Mar 19, 2024 · 6cb77bf · 6cb77bf
1 parent e8d8451
commit 6cb77bf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/app/pages/Import/TaskList/TaskItem/LogModal/index.module.less b/app/pages/Import/TaskList/TaskItem/LogModal/index.module.less
@@ -47,8 +47,7 @@
     }
   }
 
-  .logContainer {
-    width: calc(100% - 200px);
+  .logContainer, .cloudLogContainer {
     height: 100%;
     overflow: auto;
     padding: 10px 20px 120px;
@@ -62,6 +61,14 @@
     gap: 2px;
   }
 
+  .cloudLogContainer {
+    width: 100%;
+  }
+
+  .logContainer {
+    width: calc(100% - 200px);
+  }
+
   .full {
     width: 100%;
   }

diff --git a/app/pages/Import/TaskList/TaskItem/LogModal/index.tsx b/app/pages/Import/TaskList/TaskItem/LogModal/index.tsx
@@ -129,7 +129,7 @@ const LogModal = (props: IProps) => {
       footer={false}
     >
       {platform !== 'cloud' && <Tabs className={styles.logTab} tabBarGutter={0} tabPosition="left" onChange={handleTabChange} items={items} />}
-      <div className={classnames(styles.logContainer, !disableLogDownload && styles.full)}>
+      <div className={classnames(platform === 'cloud' ? styles.cloudLogContainer : styles.logContainer, !disableLogDownload && styles.full)}>
         {logData.map((log, index) => {
           return (
             <pre key={index} style={{ color: /^(\.\.\.)|^\(\d+/.test(log) ? '#fff' : '#e8c18b' }}>