refactor(ui): refine semi access workspace
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user