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

feat(web): unify admin and operations identity

Browse Source
This commit is contained in:
lingniu
2026-07-20 02:25:09 +08:00
parent 40fd7fe009
commit 2eed8d0da4
5 changed files with 209 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27049,3 +27049,200 @@
display: none;
}
}
/*
* Administration and operations identity convergence.
* Keep account authority and runtime health visually distinct while retaining
* the same Semi command anatomy and compact responsive behavior.
*/
.v2-user-discovery-shell > .v2-user-command-bar.has-identity {
min-height: 58px;
background:
radial-gradient(circle at 9% -100%, rgba(109, 91, 208, .1), transparent 46%),
linear-gradient(106deg, #fff 0%, #fdfcff 52%, #fbfdff 100%);
padding: 8px 10px 8px 12px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-copy {
min-width: 260px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
width: 34px;
height: 34px;
flex-basis: 34px;
border-color: rgba(109, 91, 208, .13);
border-radius: 10px;
background: linear-gradient(145deg, #f5f2ff 0%, #eee9ff 100%);
color: #6656c8;
box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 5px 14px rgba(109, 91, 208, .07);
}
.v2-user-command-bar.has-identity .v2-workspace-command-stack {
gap: 0;
}
.v2-user-command-bar.has-identity .v2-workspace-command-eyebrow {
color: #8177af;
font-size: 7px;
line-height: 10px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-title {
color: #334155;
font-size: 14px;
font-weight: 760;
line-height: 18px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-description {
color: #8793a3;
font-size: 9px;
line-height: 12px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-actions > .semi-tag {
border-color: rgba(109, 91, 208, .1);
background: #f4f1ff;
color: #6656c8;
}
.v2-ops-page > .v2-ops-command-bar.has-identity {
min-height: 60px;
background:
radial-gradient(circle at 8% -100%, rgba(16, 148, 110, .1), transparent 47%),
linear-gradient(108deg, #fff 0%, #fbfffd 52%, #fbfdff 100%);
padding: 8px 10px 8px 12px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-copy {
min-width: 300px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
width: 34px;
height: 34px;
flex-basis: 34px;
border-color: rgba(16, 148, 110, .13);
border-radius: 10px;
background: linear-gradient(145deg, #edfbf6 0%, #e3f7ef 100%);
color: #0f8f68;
box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 5px 14px rgba(16, 148, 110, .07);
}
.v2-ops-command-bar.has-identity .v2-workspace-command-stack {
gap: 0;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-eyebrow {
color: #5f8e7d;
font-size: 7px;
line-height: 10px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-title {
color: #334155;
font-size: 14px;
font-weight: 760;
line-height: 18px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-description {
max-width: 520px;
color: #8793a3;
font-size: 9px;
line-height: 12px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-actions > .semi-tag {
border-color: rgba(16, 148, 110, .1);
background: #eaf8f3;
color: #0f7d5e;
}
@media (min-width: 681px) and (max-width: 980px) {
.v2-user-command-bar.has-identity .v2-workspace-command-copy,
.v2-ops-command-bar.has-identity .v2-workspace-command-copy {
min-width: 210px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-description,
.v2-ops-command-bar.has-identity .v2-workspace-command-description {
display: none;
}
}
@media (max-width: 680px) {
.v2-user-discovery-shell > .v2-user-command-bar.has-identity,
.v2-ops-page > .v2-ops-command-bar.has-identity {
min-height: 56px;
padding: 6px 7px 6px 9px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-copy,
.v2-ops-command-bar.has-identity .v2-workspace-command-copy {
min-width: 0;
gap: 7px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-icon.semi-avatar,
.v2-ops-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
width: 31px;
height: 31px;
flex-basis: 31px;
border-radius: 9px;
font-size: 13px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-eyebrow,
.v2-ops-command-bar.has-identity .v2-workspace-command-eyebrow {
font-size: 7px;
line-height: 9px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-title,
.v2-ops-command-bar.has-identity .v2-workspace-command-title {
font-size: 12px;
line-height: 15px;
}
.v2-user-command-bar.has-identity .v2-workspace-command-description,
.v2-user-command-bar.has-identity .v2-workspace-command-meta,
.v2-ops-command-bar.has-identity .v2-workspace-command-description,
.v2-ops-command-bar.has-identity .v2-workspace-command-meta {
display: none;
}
}
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
.v2-ops-page > .v2-ops-command-bar.has-identity {
height: 44px;
min-height: 44px;
padding: 4px 5px 4px 8px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-copy {
min-width: 0;
gap: 5px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
width: 28px;
height: 28px;
flex-basis: 28px;
border-radius: 8px;
font-size: 12px;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-eyebrow,
.v2-ops-command-bar.has-identity .v2-workspace-command-description,
.v2-ops-command-bar.has-identity .v2-workspace-command-status,
.v2-ops-command-bar.has-identity .v2-workspace-command-meta {
display: none;
}
.v2-ops-command-bar.has-identity .v2-workspace-command-title {
font-size: 11px;
line-height: 14px;
}
}