修复移动端100vh兼容性

src/pages/config/index.tsx

@@ -49,7 +49,7 @@ const Config = () => {
 
   return (
     <PageContainer
-      className="code-mirror-wrapper"
+      className="ql-container-wrapper"
       title="config.sh"
       extra={[
         <Button key="1" type="primary" onClick={updateConfig}>
@@ -68,9 +68,6 @@ const Config = () => {
           marginLeft,
         },
       }}
-      style={{
-        height: '100vh',
-      }}
     >
       <CodeMirror
         value={value}

src/pages/cookie/index.tsx

@@ -450,9 +450,6 @@ const Config = () => {
           marginLeft,
         },
       }}
-      style={{
-        height: '100vh',
-      }}
     >
       <DndProvider backend={HTML5Backend}>
         <Table

src/pages/crontab/index.tsx

@@ -537,7 +537,7 @@ const Crontab = () => {
 
   return (
     <PageContainer
-      className="code-mirror-wrapper"
+      className="ql-container-wrapper crontab-wrapper"
       title="定时任务"
       extra={[
         <Search
@@ -563,9 +563,6 @@ const Crontab = () => {
           marginLeft,
         },
       }}
-      style={{
-        height: '100vh',
-      }}
     >
       {selectedRowIds.length > 0 && (
         <div style={{ marginBottom: 16 }}>

src/pages/diff/index.less

@@ -1,12 +1,13 @@
 .d2h-files-diff {
-    height: calc(100vh - 130px);
-    overflow: auto;
+  height: calc(100vh - 130px);
+  height: calc(100vh - var(--vh-offset, 0px) - 130px);
+  overflow: auto;
 }
 
 .d2h-code-side-linenumber {
-    position: relative;
+  position: relative;
 }
 
 .d2h-code-side-line {
-    padding: 0 0.5em;
-}
+  padding: 0 0.5em;
+}

src/pages/diff/index.tsx

@@ -46,7 +46,7 @@ const Crontab = () => {
 
   return (
     <PageContainer
-      className="code-mirror-wrapper"
+      className="ql-container-wrapper"
       title="对比工具"
       loading={loading}
       header={{
@@ -61,9 +61,6 @@ const Crontab = () => {
           marginLeft,
         },
       }}
-      style={{
-        height: '100vh',
-      }}
     >
       <ReactDiffViewer
         styles={{

src/pages/diy/index.tsx

@@ -49,7 +49,7 @@ const Crontab = () => {
 
   return (
     <PageContainer
-      className="code-mirror-wrapper"
+      className="ql-container-wrapper"
       title="extra.sh"
       extra={[
         <Button key="1" type="primary" onClick={updateConfig}>
@@ -68,9 +68,6 @@ const Crontab = () => {
           marginLeft,
         },
       }}
-      style={{
-        height: '100vh',
-      }}
     >
       <CodeMirror
         value={value}

src/pages/log/index.tsx

@@ -66,11 +66,11 @@ const Log = () => {
 
   return (
     <PageContainer
-      className="code-mirror-wrapper"
+      className="ql-container-wrapper"
       title={title}
       extra={[
         <TreeSelect
-          style={{ width: 280 }}
+          className="log-select"
           value={select}
           dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
           treeData={data}
@@ -92,9 +92,6 @@ const Log = () => {
           marginLeft,
         },
       }}
-      style={{
-        height: '100vh',
-      }}
     >
       <CodeMirror
         value={value}

src/pages/login/index.less

@@ -4,6 +4,7 @@
   display: flex;
   flex-direction: column;
   height: 100vh;
+  height: calc(100vh - var(--vh-offset, 0px));
   overflow: auto;
   background: @layout-body-background;
 }

src/pages/setting/index.tsx

@@ -87,7 +87,7 @@ const Password = () => {
 
   return (
     <PageContainer
-      className="code-mirror-wrapper"
+      className="ql-container-wrapper"
       title="系统设置"
       header={{
         style: {
@@ -101,14 +101,11 @@ const Password = () => {
           marginLeft,
         },
       }}
-      style={{
-        height: '100vh',
-      }}
     >
       <Tabs
         defaultActiveKey="person"
         tabPosition="left"
-        style={{ height: 'calc(100vh - 128px)' }}
+        style={{ height: 'calc(100vh - var(--vh-offset, 0px) - 128px)' }}
       >
         <Tabs.TabPane tab="个人设置" key="person">
           <Form onFinish={handleOk} layout="vertical">