优化:调整表格边框的颜色表现

修复:修复不显示表头背景的问题
This commit is contained in:
mjsoftware 2024-03-09 13:03:48 +08:00
parent 67752b337b
commit 7d8206a50e
2 changed files with 18 additions and 5 deletions

View File

@ -595,7 +595,7 @@ table td, table th {
li ul {
margin: 0.5em 0 0.75em 0.75em;
padding-left: 0.5em;
border-left: 1px solid var(--light-c);
border-left: 1px solid var(--light-d);
}
& > li > a:not(.is-active) + .menu-list {
@ -3646,14 +3646,14 @@ button.swiper-pagination-bullet {
margin-bottom: 14px;
overflow: hidden;
font-size: 0.95em;
border: 1px solid var(--light-b);
border: 1px solid var(--light-x);
border-radius: var(--radius-inner);
td,
th {
padding: 8px;
border-right: 1px solid var(--light-b);
border-bottom: 1px solid var(--light-b);
border-right: 1px solid var(--light-x);
border-bottom: 1px solid var(--light-x);
}
thead {
@ -3671,6 +3671,15 @@ button.swiper-pagination-bullet {
tr {
transition: background 0.35s;
th {
font-weight: 500;
background: var(--bg-z);
&:last-child {
border-right: none;
}
}
&:nth-child(2n) {
background: var(--bg-j);
}

View File

@ -12,6 +12,7 @@ html {
--light-b: #ebeef5;
--light-c: #dcdcdc;
--light-d: #c0c4cc;
--light-x: #d6d6d6;
--light-y: #1f1f1f;
--light-z: #ffffff;
--dark-a: #4a4a4a;
@ -32,6 +33,7 @@ html {
--bg-j: rgb(243 244 245 / 25%);
--bg-k: rgb(250 250 250 / 80%);
--bg-l: rgb(243 243 243 / 80%);
--bg-z: rgba(230, 240, 250, 0.75);
--radius-wrap: 8px;
--radius-inner: 4px;
@ -49,6 +51,7 @@ html {
--light-b: #414243;
--light-c: #303030;
--light-d: #666;
--light-x: #6e6e6e;
--light-y: #fafafa;
--light-z: #c2c2c2;
--dark-a: #888;
@ -64,11 +67,12 @@ html {
--bg-e: #434a56;
--bg-f: #080c28;
--bg-g: rgba(210, 210, 210, 0.2);
--bg-h: rgb(65 68 74 / 60%);;
--bg-h: rgb(65 68 74 / 60%);
--bg-i: #276b92;
--bg-j: rgb(36 36 36 / 15%);
--bg-k: rgb(30 33 41 / 80%);
--bg-l: rgb(63 65 75 / 80%);
--bg-z: rgb(65 68 74 / 60%);
--box-shadow: 1px 1px 3px 1px #1b1b1b;
body::before {