Merge remote-tracking branch 'origin/master'

src/styles/page/archives/tuning.scss

@@ -0,0 +1,42 @@
+.hc-card-header-table-title {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+}
+
+
+.body {
+    position: relative;
+    // height: calc(100% - 140px);
+    height: calc(100% - 0px);
+    padding: 16px;
+    .hc-c-table-box {
+        position: relative;
+        height: 100%;
+    }
+    .hc-f-table-box {
+        position: relative;
+        height: 300px;
+        margin-top: 24px;
+        background: #f1f5f8;
+        .header-box {
+            border-bottom: initial;
+            display: flex;
+            justify-content: space-between;
+            height: 60px;
+            background-color: var(--el-fill-color-lighter);
+            line-height: 60px;
+            padding-left: 15px;
+            padding-right: 15px;
+            .hc-icon-close {
+                font-size: 18px;
+            }
+        }
+        .hc-file-table-box {
+            position: relative;
+            height: calc(100% - 55px);
+        }
+    }
+    &.file-table .hc-c-table-box {
+        height: calc(100% - 324px);
+    }
+}

src/styles/theme/archives/tuning.scss

@@ -0,0 +1,48 @@
+html.dark{
+    .hc-card-header-table-title {
+        font-size: 1.125rem;
+        line-height: 1.75rem;
+    }
+    
+    
+    .body {
+        position: relative;
+        // height: calc(100% - 140px);
+        height: calc(100% - 0px);
+        padding: 16px;
+        .hc-c-table-box {
+            position: relative;
+            height: 100%;
+        }
+        .hc-f-table-box {
+            position: relative;
+            height: 300px;
+            margin-top: 24px;
+            background: transparent;
+            border: 1px solid var(--el-color-primary);
+            border-radius: 10px;
+            .header-box {
+                color: var(--el-color-primary-dark-2);
+                border-bottom: initial;
+                display: flex;
+                justify-content: space-between;
+                height: 60px;
+                background-color: transparent;
+                line-height: 60px;
+                padding-left: 15px;
+                padding-right: 15px;
+                .hc-icon-close {
+                    font-size: 18px;
+                }
+            }
+            .hc-file-table-box {
+                position: relative;
+                height: calc(100% - 55px);
+                padding: 10px;
+            }
+        }
+        &.file-table .hc-c-table-box {
+            height: calc(100% - 324px);
+        }
+    }
+}

src/views/archives/tuning.vue

@@ -946,55 +946,13 @@ const refreshFileNumberClick = async () => {
 </script>
 
 <style lang="scss" scoped>
-.hc-card-header-table-title {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-}
-.rowbox {
-    text-align: center;
-}
-
-.body {
-    position: relative;
-    // height: calc(100% - 140px);
-    height: calc(100% - 0px);
-    padding: 16px;
-    .hc-c-table-box {
-        position: relative;
-        height: 100%;
-    }
-    .hc-f-table-box {
-        position: relative;
-        height: 300px;
-        margin-top: 24px;
-        background: #f1f5f8;
-        .header-box {
-            border-bottom: initial;
-            display: flex;
-            justify-content: space-between;
-            height: 60px;
-            background-color: var(--el-fill-color-lighter);
-            line-height: 60px;
-            padding-left: 15px;
-            padding-right: 15px;
-            .hc-icon-close {
-                font-size: 18px;
-            }
-        }
-        .hc-file-table-box {
-            position: relative;
-            height: calc(100% - 55px);
-        }
-    }
-    &.file-table .hc-c-table-box {
-        height: calc(100% - 324px);
-    }
-}
-@import '~style/file/scoped/collection.scss';
+@import '~style/archives/tuning.scss';
+// @import '~style/file/scoped/collection.scss';
 </style>
 
 <style lang="scss">
-@import '~style/file/collection.scss';
+// @import '~style/file/collection.scss';
+@import '../../styles/theme/archives/tuning.scss';
 .text-disable {
     cursor: not-allowed
 }