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

修复:修复不显示表头背景的问题
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 { li ul {
margin: 0.5em 0 0.75em 0.75em; margin: 0.5em 0 0.75em 0.75em;
padding-left: 0.5em; 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 { & > li > a:not(.is-active) + .menu-list {
@ -3646,14 +3646,14 @@ button.swiper-pagination-bullet {
margin-bottom: 14px; margin-bottom: 14px;
overflow: hidden; overflow: hidden;
font-size: 0.95em; font-size: 0.95em;
border: 1px solid var(--light-b); border: 1px solid var(--light-x);
border-radius: var(--radius-inner); border-radius: var(--radius-inner);
td, td,
th { th {
padding: 8px; padding: 8px;
border-right: 1px solid var(--light-b); border-right: 1px solid var(--light-x);
border-bottom: 1px solid var(--light-b); border-bottom: 1px solid var(--light-x);
} }
thead { thead {
@ -3671,6 +3671,15 @@ button.swiper-pagination-bullet {
tr { tr {
transition: background 0.35s; transition: background 0.35s;
th {
font-weight: 500;
background: var(--bg-z);
&:last-child {
border-right: none;
}
}
&:nth-child(2n) { &:nth-child(2n) {
background: var(--bg-j); background: var(--bg-j);
} }

View File

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