huangbin 4 anni fa
parent
commit
84037ed160

+ 51 - 0
src/assets/styles/mixin.less

@@ -488,6 +488,57 @@
         }
     }
 }
+.dialogTable2 {
+    .ant-table {
+        width: 100%;
+        background: transparent;
+        table {
+            border: 1px solid @m-black44;
+            border-right:none;
+            border-bottom:none;
+            border-radius: 0;
+        }
+        .ant-table-thead {
+            tr {
+                box-shadow: 0px 1px 0px 0px @m-black17;
+                th {
+                    line-height: 36px;
+                    background: @m-grey61;
+                    padding-top: 0;
+                    padding-bottom: 0;
+                    color: @m-grey60;
+                    font-size: 16px;
+                    border-right: 1px solid @m-black44;
+                    border-bottom: 1px solid @m-black44;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                }
+            }
+        }
+        .ant-table-tbody {
+            tr {
+                td {
+                    height: 36px;
+                    line-height: 36px;
+                    padding: 0 8px;
+                    border-right: 1px solid @m-black44;
+                    border-bottom: 1px solid @m-black44;
+                    font-size: 14px;
+                    color: @m-white11;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    background: @m-grey62;
+                }
+            }
+        }
+        .ant-table-placeholder {
+            border: 0;
+            background: @m-grey11;
+        }
+    }
+}
 .ant-empty-normal {
     color: @m-grey17;
 }

+ 14 - 0
src/assets/styles/theme.css

@@ -64,6 +64,9 @@
     --m-grey57: #869CA9;
     --m-grey58: #3a454f;
     --m-grey59: #2C3842;
+    --m-grey60: #7a8a94;
+    --m-grey61: #08131F;
+    --m-grey62: #08131F;
     /* --m-green1: #e8ffef; */
 
     --m-black0: #242a2e;
@@ -111,6 +114,7 @@
     --m-black41: #0F1A25;
     --m-black42: #162738;
     --m-black43: #091a32;
+    --m-black44: #1B2F41;
 
     --m-blue0: #3a87f7;
     --m-blue0-hover: rgba(58, 135, 247, .8);
@@ -262,6 +266,9 @@
     --m-grey57: #869CA9;
     --m-grey58: #3a454f;
     --m-grey59: #2C3842;
+    --m-grey60: #7a8a94;
+    --m-grey61: #08131F;
+    --m-grey62: #08131F;
     /* --m-green1: #e8ffef; */
 
     --m-black0: #242a2e;
@@ -309,6 +316,7 @@
     --m-black41: #0F1A25;
     --m-black42: #162738;
     --m-black43: #091a32;
+    --m-black44: #1B2F41;
 
     --m-blue0: #3a87f7;
     --m-blue0-hover: rgba(58, 135, 247, .8);
@@ -457,6 +465,9 @@
     --m-grey57: #7A8A94;
     --m-grey58: #dbe7ef;
     --m-grey59: #090a0a;
+    --m-grey60: #808E97;
+    --m-grey61: #F6F8FA;
+    --m-grey62: #ffffff;
 
     --m-black0: #F8FBFF;
     --m-black1: #ECF2F5;
@@ -503,6 +514,7 @@
     --m-black41: #ffffff;
     --m-black42: #DAE5EC;
     --m-black43: #DEE8ED;
+    --m-black44: #ebf1f5;
 
     --m-blue0: #5179E2;
     --m-blue0-hover: rgba(81, 121, 226, .8);
@@ -553,6 +565,8 @@
     --m-white0: #ffffff;
     --m-white0-hover: rgba(255, 255, 255, .8);
     --m-white1: #333333;
+
+
     --m-white5: #FFFFFF;
     --m-white6: #333333;
     --m-white7: #718FAE;

+ 4 - 0
src/assets/styles/variables.less

@@ -73,6 +73,9 @@
 @m-grey57: var(--m-grey57);
 @m-grey58: var(--m-grey58);
 @m-grey59: var(--m-grey59);
+@m-grey60: var(--m-grey60);
+@m-grey61: var(--m-grey61);
+@m-grey62: var(--m-grey62);
 
 @m-black: #000000;
 @m-black0: var(--m-black0);
@@ -120,6 +123,7 @@
 @m-black41: var(--m-black41);
 @m-black42: var(--m-black42);
 @m-black43: var(--m-black43);
+@m-black44: var(--m-black44);
 
 @m-blue0: var(--m-blue0);
 @m-blue0-hover: var(--m-blue0-hover);