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

feat(web): unify vehicle workspace identity

Browse Source
This commit is contained in:
lingniu
2026-07-20 02:02:06 +08:00
parent 6e9a170fbf
commit 537f8d9b45
5 changed files with 212 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26577,3 +26577,176 @@
padding: 5px 9px;
}
}
/*
* Semi UI identity convergence.
* Give high-value workspaces one shared visual grammar: a semantic Semi
* avatar, a quiet eyebrow, a strong task title and supporting context.
*/
.v2-workspace-command-bar.has-identity .v2-workspace-command-copy {
display: flex;
min-width: 0;
align-items: center;
gap: 10px;
}
.v2-workspace-command-icon.semi-avatar {
width: 36px;
height: 36px;
flex: 0 0 36px;
border: 1px solid rgba(18, 104, 243, .12);
border-radius: 10px;
background: linear-gradient(145deg, #edf5ff 0%, #e4efff 100%);
color: var(--v2-blue);
box-shadow: inset 0 1px rgba(255, 255, 255, .86), 0 5px 14px rgba(18, 104, 243, .08);
}
.v2-workspace-command-stack {
display: grid;
min-width: 0;
gap: 1px;
}
.v2-workspace-command-eyebrow.semi-typography {
overflow: hidden;
color: #7d8c9f;
font-size: 8px;
font-weight: 700;
letter-spacing: .08em;
line-height: 11px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-workspace-command-stack > .v2-workspace-command-title.semi-typography {
overflow: hidden;
color: #21374f;
font-size: 14px;
font-weight: 750;
letter-spacing: -.015em;
line-height: 18px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-workspace-command-stack > .v2-workspace-command-description.semi-typography {
overflow: hidden;
color: #7b8a9d;
font-size: 9px;
font-weight: 450;
line-height: 13px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-vehicle-discovery-shell > .v2-vehicle-command-bar.has-identity {
min-height: 58px;
background:
radial-gradient(circle at 88% -80%, rgba(18, 104, 243, .1), transparent 44%),
linear-gradient(105deg, #fff 0%, #fbfdff 100%);
padding: 8px 10px 8px 12px;
}
.v2-vehicle-discovery-shell > .v2-vehicle-command-bar.has-identity .v2-workspace-command-actions > .semi-tag {
border-color: rgba(18, 104, 243, .08);
background: #eef5ff;
color: #245da8;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-copy {
display: flex;
min-height: 94px;
align-items: center;
align-content: normal;
gap: 11px;
background:
radial-gradient(circle at -8% 0%, rgba(18, 104, 243, .1), transparent 48%),
linear-gradient(112deg, #fff 0%, #fbfdff 100%);
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-icon {
width: 42px;
height: 42px;
flex-basis: 42px;
border-radius: 12px;
font-size: 18px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-stack {
gap: 3px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-eyebrow {
color: #6f8095;
font-size: 8px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-title,
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-description {
overflow: visible;
line-height: normal;
white-space: normal;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-plate {
min-height: 34px;
border-color: rgba(18, 104, 243, .16);
background: #f2f7ff;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-identity-actions {
background: linear-gradient(180deg, #fbfcfe 0%, #f7f9fc 100%);
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-identity-actions > .semi-button {
border-color: #e3e9f1;
background: #fff;
box-shadow: 0 2px 7px rgba(34, 53, 78, .035);
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-identity-actions > .semi-button-primary {
border-color: #c9dcfb;
background: #edf4ff;
box-shadow: 0 3px 9px rgba(18, 104, 243, .07);
}
@media (max-width: 680px) {
.v2-workspace-command-bar.has-identity .v2-workspace-command-copy {
gap: 8px;
}
.v2-workspace-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
width: 34px;
height: 34px;
flex-basis: 34px;
border-radius: 9px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-copy {
min-height: 70px;
padding: 8px 10px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-icon {
width: 36px;
height: 36px;
flex-basis: 36px;
border-radius: 10px;
font-size: 15px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-eyebrow {
line-height: 10px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-plate {
min-height: 30px;
padding-inline: 8px;
font-size: 14px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-online-label.semi-tag {
min-height: 21px;
}
}