shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): refine Semi UI access workspace

Browse Source
This commit is contained in:
lingniu
2026-07-20 00:12:46 +08:00
parent cd13a2952d
commit 58ab1ff7bb
5 changed files with 135 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
vehicle-data-platform/apps/web/src/v2/styles/workspace.css
View File

@@ -11079,13 +11079,13 @@
}
.v2-access-table-v3 .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
height: 58px;
height: 54px;
padding-block: 6px;
}
.v2-access-table-scroll-v3 table {
width: max(100%, 1005px) !important;
min-width: 1005px;
width: max(100%, 975px) !important;
min-width: 975px;
}
.v2-access-table-scroll-v3 {
@@ -11109,7 +11109,7 @@
.v2-access-semi-table .semi-table-body {
overflow-x: auto;
scroll-padding-inline-start: 305px;
scroll-padding-inline-start: 385px;
scrollbar-color: #b7c4d4 #f4f7fa;
scrollbar-width: thin;
}
@@ -11129,6 +11129,18 @@
background: #f2f7ff;
}
.v2-access-semi-table .semi-table-tbody > .semi-table-row.is-state-healthy > .semi-table-row-cell:first-child {
box-shadow: inset 3px 0 0 #27a56f;
}
.v2-access-semi-table .semi-table-tbody > .semi-table-row:is(.is-state-degraded, .is-state-incomplete) > .semi-table-row-cell:first-child {
box-shadow: inset 3px 0 0 #e29a32;
}
.v2-access-semi-table .semi-table-tbody > .semi-table-row:is(.is-state-offline, .is-state-not_connected) > .semi-table-row-cell:first-child {
box-shadow: inset 3px 0 0 #db5753;
}
.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;
}
@@ -11137,7 +11149,7 @@
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 {
.v2-access-semi-table :is(.semi-table-row-head, .semi-table-row-cell).v2-access-difference-column {
box-shadow: 12px 0 18px -18px rgba(35, 55, 82, .72);
}
@@ -11185,11 +11197,11 @@
}
.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(2) { width: 220px; }
.v2-access-table-scroll-v3 th:nth-child(3),
.v2-access-table-scroll-v3 th:nth-child(4),
.v2-access-table-scroll-v3 th:nth-child(5) { width: 160px; }
.v2-access-table-scroll-v3 th:nth-child(6) { width: 220px; }
.v2-access-table-scroll-v3 th:nth-child(5) { width: 150px; }
.v2-access-table-scroll-v3 th:nth-child(6) { width: 140px; }
.v2-access-connection {
min-width: 0;
@@ -11614,10 +11626,41 @@
}
.v2-access-mobile-card.semi-card {
position: relative;
overflow: hidden;
border-radius: 9px;
contain-intrinsic-size: auto 126px;
}
.v2-access-mobile-card.semi-card::before {
position: absolute;
z-index: 2;
top: 8px;
bottom: 8px;
left: 0;
width: 3px;
border-radius: 0 4px 4px 0;
background: #b8c3d0;
content: "";
pointer-events: none;
}
.v2-access-mobile-card.semi-card.is-state-healthy::before {
background: #27a56f;
}
.v2-access-mobile-card.semi-card:is(.is-state-degraded, .is-state-incomplete)::before {
background: #e29a32;
}
.v2-access-mobile-card.semi-card:is(.is-state-offline, .is-state-not_connected)::before {
background: #db5753;
}
.v2-access-mobile-card.semi-card.is-selected::before {
background: #2f7de1;
}
.v2-access-mobile-card-content {
gap: 5px;
padding: 8px 9px;
@@ -11668,17 +11711,33 @@
}
.v2-access-mobile-protocols {
gap: 4px;
padding-top: 5px;
gap: 0;
overflow: hidden;
border: 1px solid #e5eaf1;
border-radius: 7px;
background: #f7f9fc;
}
.v2-access-mobile-list .v2-access-protocol-cell {
grid-template-columns: minmax(0, 1fr) auto;
gap: 2px 4px;
border-radius: 6px;
border: 0;
border-radius: 0;
background: transparent;
padding: 5px 6px;
}
.v2-access-mobile-list .v2-access-protocol-cell + .v2-access-protocol-cell {
border-left: 1px solid #e5eaf1;
}
.v2-access-mobile-list .v2-access-protocol-cell.is-online,
.v2-access-mobile-list .v2-access-protocol-cell.is-offline,
.v2-access-mobile-list .v2-access-protocol-cell.is-unknown {
border-color: #e5eaf1;
background: transparent;
}
.v2-access-mobile-list .v2-access-protocol-label {
min-width: 0;
overflow: hidden;