refactor(ui): refine semi access workspace

This commit is contained in:
lingniu
2026-07-19 19:27:43 +08:00
parent 2c93999417
commit 58f2a77033
4 changed files with 151 additions and 65 deletions

View File

@@ -10960,6 +10960,39 @@
line-height: 14px;
}
.v2-access-protocol-title {
display: inline-grid;
min-width: 0;
justify-items: start;
gap: 3px;
}
.v2-access-protocol-title > small {
overflow: hidden;
max-width: 100%;
color: #8491a4;
font-size: 9px;
font-weight: 500;
line-height: 11px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-access-protocol-title.is-compact {
gap: 2px;
}
.v2-access-protocol-title.is-compact .v2-protocol-tag.semi-tag {
min-height: 19px;
padding-inline: 6px;
font-size: 9px;
}
.v2-access-protocol-title.is-compact > small {
font-size: 8px;
line-height: 10px;
}
.v2-access-table-v3 .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
height: 58px;
padding-block: 6px;
@@ -11011,10 +11044,45 @@
background: #f2f7ff;
}
.v2-access-semi-table .semi-table-tbody > .semi-table-row.is-selected > .semi-table-row-cell:first-child {
box-shadow: inset 3px 0 0 #2f7de1;
}
.v2-access-semi-table .semi-table-tbody > .semi-table-row.is-selected > .semi-table-row-cell:not(.semi-table-cell-fixed-left) {
background: linear-gradient(90deg, #f2f7ff 0%, #f7faff 100%);
}
.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 .v2-access-protocol-cell {
gap: 2px;
border: 1px solid #e6ebf2;
border-radius: 7px;
background: #fafbfd;
padding: 4px 7px;
}
.v2-access-semi-table .v2-access-protocol-cell.is-online {
border-color: #d9ece5;
background: #f7fcfa;
}
.v2-access-semi-table .v2-access-protocol-cell.is-offline,
.v2-access-semi-table .v2-access-protocol-cell.is-unknown {
border-color: #f1e2ca;
background: #fffbf5;
}
.v2-access-semi-table .v2-access-protocol-cell > span {
font-weight: 650;
}
.v2-access-semi-table .v2-access-protocol-cell > strong {
font-variant-numeric: tabular-nums;
}
.v2-access-semi-table .semi-table-body::-webkit-scrollbar {
width: 10px;
height: 10px;
@@ -11106,6 +11174,16 @@
box-shadow: 0 7px 20px rgba(42, 72, 110, .055);
}
.v2-access-protocol-detail > .semi-card-header .v2-access-protocol-title {
padding-block: 5px;
}
.v2-access-protocol-detail > .semi-card-header .v2-access-protocol-title .v2-protocol-tag.semi-tag {
min-height: 20px;
padding-inline: 7px;
font-size: 9px;
}
.v2-access-inspector-focus.is-degraded.semi-card,
.v2-access-inspector-focus.is-incomplete.semi-card {
border-color: #f0d9b7;