refine Semi UI access difference workspace

This commit is contained in:
lingniu
2026-07-18 13:14:39 +08:00
parent ad81d108a7
commit c7123f6fbd
3 changed files with 197 additions and 10 deletions

View File

@@ -8632,6 +8632,67 @@
min-width: 1005px;
}
.v2-access-table-scroll-v3 {
scrollbar-color: #b7c4d4 #f4f7fa;
scrollbar-width: thin;
}
.v2-access-table-scroll-v3:not(.is-mobile-scroll) {
overflow-x: hidden;
}
.v2-access-table-scroll-v3 > .v2-access-semi-table.semi-table-wrapper {
width: 100%;
min-width: 0;
}
.v2-access-table-scroll-v3:focus-visible {
outline: 2px solid rgba(18, 104, 243, .34);
outline-offset: -2px;
}
.v2-access-semi-table .semi-table-body {
overflow-x: auto;
scroll-padding-inline-start: 305px;
scrollbar-color: #b7c4d4 #f4f7fa;
scrollbar-width: thin;
}
.v2-access-semi-table :is(.semi-table-row-head, .semi-table-row-cell).semi-table-cell-fixed-left {
z-index: 5;
background: #fff;
}
.v2-access-table-scroll-v3 .v2-access-semi-table.semi-table-wrapper .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left {
z-index: 8;
background: #f7f9fc;
}
.v2-access-semi-table .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left,
.v2-access-semi-table .semi-table-tbody > .semi-table-row.is-selected > .semi-table-row-cell.semi-table-cell-fixed-left {
background: #f2f7ff;
}
.v2-access-semi-table :is(.semi-table-row-head, .semi-table-row-cell).v2-access-model-column {
box-shadow: 12px 0 18px -18px rgba(35, 55, 82, .72);
}
.v2-access-semi-table .semi-table-body::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.v2-access-semi-table .semi-table-body::-webkit-scrollbar-track {
background: #f4f7fa;
}
.v2-access-semi-table .semi-table-body::-webkit-scrollbar-thumb {
border: 2px solid #f4f7fa;
border-radius: 999px;
background: #b7c4d4;
background-clip: padding-box;
}
.v2-access-table-scroll-v3 th:nth-child(1) { width: 165px; }
.v2-access-table-scroll-v3 th:nth-child(2) { width: 140px; }
.v2-access-table-scroll-v3 th:nth-child(3),
@@ -9026,11 +9087,90 @@
}
.v2-access-table-v3 > .semi-card-body > footer .v2-table-pagination-button.semi-button,
.v2-access-table-v3 > .semi-card-body > footer .v2-table-pagination-current,
.v2-access-table-v3 > .semi-card-body > footer .v2-table-pagination-size.semi-select {
.v2-access-table-v3 > .semi-card-body > footer .v2-table-pagination-current {
height: 34px;
}
.v2-access-table-v3 > .semi-card-body > footer .v2-table-pagination-controls {
width: 100%;
justify-content: center;
}
:is(
.v2-access-detail-sidesheet,
.v2-access-governance-sidesheet
).semi-sidesheet-bottom .semi-sidesheet-inner {
width: 100% !important;
max-width: 100%;
overflow: hidden;
border: 1px solid #d9e3ef;
border-bottom: 0;
border-radius: 18px 18px 0 0;
background: #f4f7fb;
box-shadow: 0 -18px 52px rgba(20, 38, 66, .18);
padding-bottom: env(safe-area-inset-bottom);
}
:is(
.v2-access-detail-sidesheet,
.v2-access-governance-sidesheet
).semi-sidesheet-bottom .semi-sidesheet-header {
min-height: 64px;
border-bottom: 1px solid #dfe6ef;
padding: 12px 15px 10px;
}
:is(
.v2-access-detail-sidesheet,
.v2-access-governance-sidesheet
).semi-sidesheet-bottom .semi-sidesheet-body {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
.v2-access-detail-sidesheet.semi-sidesheet-bottom .semi-sidesheet-body {
padding: 0 7px 12px;
}
.v2-access-detail-sidesheet.semi-sidesheet-bottom .v2-access-inspector-v3.is-sheet.semi-card {
border-radius: 11px;
background: transparent;
}
.v2-access-governance-sidesheet.semi-sidesheet-bottom .semi-sidesheet-body {
padding: 8px 8px 12px;
}
.v2-access-governance-sidesheet.semi-sidesheet-bottom .semi-sidesheet-footer {
padding: 9px 12px 10px;
}
.v2-access-governance-sidesheet.semi-sidesheet-bottom .semi-sidesheet-footer .semi-button {
width: 100%;
min-height: 40px;
}
.v2-access-governance-sidesheet .v2-access-governance-summary > .semi-card-body {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.v2-access-governance-sidesheet .v2-access-governance-summary > .semi-card-body > div {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
padding: 10px 8px;
}
.v2-access-governance-sidesheet .v2-access-governance-summary > .semi-card-body > div + div {
border-top: 0;
border-left: 1px solid var(--v2-border);
}
.v2-access-governance-sidesheet .v2-access-governance-summary strong {
font-size: 16px;
}
.v2-access-detail-sidesheet .v2-access-protocol-details.semi-card-group {
display: grid;
grid-template-columns: minmax(0, 1fr);