浏览代码

表格样式优化

jqh 5 年之前
父节点
当前提交
c9d6affb72

+ 30 - 6
resources/assets/dcat/sass/components/_table.scss

@@ -186,25 +186,42 @@ $table-border-color: #eff3f8;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
+
+  .table.custom-data-table {
+    padding: 5px 10px 10px;
+  }
+
+  .table-fixed-left .table.custom-data-table {
+    padding: 5px 0 0 10px;
+  }
+  .table-fixed-right .table.custom-data-table {
+    padding: 5px 10px 0 0;
+  }
+  .table-fixed th {
+    background: darken(#f7f7f9, 3.5%);
+  }
 }
 
 body:not(.dark-mode) {
   .table-collapse {
     box-shadow: $shadow;
-    background: $white;
+    background: darken(#f7f7f9, 3.5%);
     margin-top: 1rem;
 
-    table {
-      border-collapse:collapse!important;
+    .custom-data-table {
+      border-spacing: 0;
+      //border-collapse:collapse!important;
       margin-top: 0!important;
+      background-color: darken(#f7f7f9, 3.5%);
+      //border-radius: $card-border-radius;
     }
 
     table.custom-data-table.dataTable thead th {
-      border-top: 1px solid $table-border-color;
-      border-bottom: 2px solid $table-border-color;
+      //border-top: 1px solid $table-border-color;
+      //border-bottom: 2px solid $table-border-color;
       height: 24px;
       vertical-align: middle;
-      background: $white;
+      //background: $white;
     }
 
     table.custom-data-table.dataTable tbody td {
@@ -228,4 +245,11 @@ body.dark-mode {
       height: 38px;
     }
   }
+
+  //.table-fixed-left .table.custom-data-table {
+  //  padding: 5px 0 0 10px;
+  //}
+  //.table-fixed-right .table.custom-data-table {
+  //  padding: 5px 10px 0 0;
+  //}
 }

+ 5 - 5
resources/assets/dcat/sass/theme/_dark.scss

@@ -342,7 +342,7 @@ body.dark-mode {
   // ------ table
   @include dark-scrollbar('.table-responsive[data-pattern=priority-columns]');
 
-  table.dataTable {
+  .table-wrapper {
     margin-top: 12px!important;
   }
 
@@ -836,12 +836,12 @@ body.dark-mode {
   // ------- fixed-columns
   @include dark-scrollbar('.table-main');
 
-  .table-fixed-left {
-    box-shadow: 6px 0 5px -5px rgba(0,0,0,.24);
+  .table-fixed-left .table {
+    box-shadow: 6px 0 5px -5px rgba(0,0,0,1);
   }
 
-  .table-fixed-right {
-    box-shadow: -5px 0 5px -5px rgba(0,0,0,.24);
+  .table-fixed-right .table {
+    box-shadow: -5px 0 5px -5px rgba(0,0,0,1);
   }
 
   // ------- sidebar

文件差异内容过多而无法显示
+ 0 - 0
resources/dist/adminlte/adminlte.js.map


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue-dark.css


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue-light.css


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue.css


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/css/dcat-app-green.css


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/css/dcat-app.css


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/extra/action.js.map


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/extra/resource-selector.js.map


文件差异内容过多而无法显示
+ 0 - 0
resources/dist/dcat/js/dcat-app.js.map


部分文件因为文件数量过多而无法显示