refine Semi UI access difference workspace
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user