修复添加定时任务插入顺序

ql repo拉取失败自动删除目录重新拉取一次

src/layouts/index.less

@@ -131,6 +131,25 @@ input:-webkit-autofill:active {
   -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
 }
 
+.ant-pro-page-container.ql-container-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 48px);
+  .ant-pro-grid-content.wide {
+    flex: 1;
+    .ant-pro-grid-content-children {
+      height: calc(100% - 48px);
+      > div,
+      .ant-pro-page-container-children-content,
+      .log-container,
+      .react-codemirror2,
+      .CodeMirror {
+        height: 100%;
+      }
+    }
+  }
+}
+
 @media (max-width: 768px) {
   .ant-pro-grid-content.wide {
     .ant-pro-page-container-children-content {
@@ -148,20 +167,10 @@ input:-webkit-autofill:active {
         height: calc(100vh - 184px);
         height: calc(100vh - var(--vh-offset, 0px) - 184px);
       }
-      .monaco-editor:not(.rename-box),
-      .CodeMirror {
-        height: calc(100vh - 216px) !important;
-        height: calc(100vh - var(--vh-offset, 0px) - 216px) !important;
-      }
       .CodeMirror {
         width: calc(100vw - 80px);
       }
     }
-    .monaco-editor:not(.rename-box),
-    .CodeMirror {
-      height: calc(100vh - 176px) !important;
-      height: calc(100vh - var(--vh-offset, 0px) - 176px) !important;
-    }
   }
 
   .ant-tooltip {

src/pages/crontab/index.tsx

@@ -432,7 +432,7 @@ const Crontab = () => {
     const index = value.findIndex((x) => x._id === cron._id);
     const result = [...value];
     if (index === -1) {
-      result.push(cron);
+      result.unshift(cron);
     } else {
       result.splice(index, 1, {
         ...cron,

src/pages/log/index.module.less

@@ -21,15 +21,3 @@
 .log-container {
   display: flex;
 }
-
-:global {
-  .log-wrapper {
-    .ant-pro-grid-content.wide .ant-pro-page-container-children-content {
-      background-color: #f8f8f8;
-    }
-
-    .CodeMirror {
-      width: calc(100% - 32px - @tree-width);
-    }
-  }
-}

src/pages/log/index.tsx

@@ -131,7 +131,7 @@ const Log = () => {
         style: headerStyle,
       }}
     >
-      <div className={`${styles['log-container']}`}>
+      <div className={`${styles['log-container']} log-container`}>
         {!isPhone && (
           <div className={styles['left-tree-container']}>
             <Input.Search

src/pages/script/index.module.less

@@ -21,15 +21,3 @@
 .log-container {
   display: flex;
 }
-
-:global {
-  .log-wrapper {
-    .ant-pro-grid-content.wide .ant-pro-page-container-children-content {
-      background-color: #f8f8f8;
-    }
-
-    .CodeMirror {
-      width: calc(100% - 32px - @tree-width);
-    }
-  }
-}

src/pages/script/index.tsx

@@ -120,7 +120,7 @@ const Script = () => {
         style: headerStyle,
       }}
     >
-      <div className={`${styles['log-container']}`}>
+      <div className={`${styles['log-container']} log-container`}>
         {!isPhone && (
           <div className={styles['left-tree-container']}>
             <Input.Search

src/utils/hooks.ts

@@ -10,7 +10,7 @@ export const useCtx = () => {
   useEffect(() => {
     const { platform } = browserType();
 
-    if (platform === 'mobile') {
+    if (platform === 'mobile' || document.body.offsetWidth < 768) {
       setWidth('auto');
       setMarginLeft(0);
       setMarginTop(0);