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

feat(web): refine Semi UI application shell

Browse Source
This commit is contained in:
lingniu
2026-07-20 01:49:16 +08:00
parent 275d453954
commit 6e9a170fbf
5 changed files with 168 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -165,6 +165,97 @@
}
}
/*
* Semi UI application navigation convergence.
* Group the primary driving workflows separately from governance tools and
* give every destination its own semantic icon without changing route order.
*/
.v2-navigation.semi-navigation {
padding: 10px 9px 12px;
}
.v2-navigation.semi-navigation .semi-navigation-item {
position: relative;
transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
.v2-navigation.semi-navigation .semi-navigation-item.v2-nav-group-start {
margin-top: 29px;
overflow: visible;
}
.v2-navigation.semi-navigation .semi-navigation-item.v2-nav-group-start::before {
position: absolute;
z-index: 1;
top: -22px;
right: 10px;
left: 12px;
overflow: hidden;
color: #9aa5b4;
content: "";
font-size: 9px;
font-weight: 700;
letter-spacing: .08em;
line-height: 16px;
pointer-events: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-navigation.semi-navigation .semi-navigation-item.v2-nav-group-start.is-workspace::before {
content: "车辆工作台";
}
.v2-navigation.semi-navigation .semi-navigation-item.v2-nav-group-start.is-governance::before {
content: "平台治理";
}
.v2-navigation.semi-navigation .semi-navigation-item-icon {
display: grid;
width: 30px;
height: 30px;
flex: 0 0 30px;
place-items: center;
border-radius: 8px;
background: #f3f6fa;
color: #758397;
transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
.v2-navigation.semi-navigation .semi-navigation-item:hover {
background: linear-gradient(90deg, #f7f9fc 0%, #fbfcfe 100%);
}
.v2-navigation.semi-navigation .semi-navigation-item:hover .semi-navigation-item-icon {
background: #eaf2fd;
color: #3a6fae;
}
.v2-navigation.semi-navigation .semi-navigation-item-selected {
background: linear-gradient(90deg, #eaf3ff 0%, #f4f8ff 100%);
box-shadow: inset 3px 0 var(--v2-blue), 0 3px 10px rgba(18, 104, 243, .045);
}
.v2-navigation.semi-navigation .semi-navigation-item-selected .semi-navigation-item-icon {
background: #fff;
color: var(--v2-blue);
box-shadow: 0 2px 8px rgba(18, 104, 243, .09), inset 0 0 0 1px rgba(18, 104, 243, .08);
}
.v2-sidebar.is-collapsed .v2-navigation.semi-navigation .semi-navigation-item.v2-nav-group-start {
margin-top: 2px;
}
.v2-sidebar.is-collapsed .v2-navigation.semi-navigation .semi-navigation-item.v2-nav-group-start::before {
display: none;
}
.v2-sidebar.is-collapsed .v2-navigation.semi-navigation .semi-navigation-item-icon {
width: 32px;
height: 32px;
flex-basis: 32px;
}
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
.v2-mobile-filter-sheet.semi-sidesheet-bottom .semi-sidesheet-inner {
height: 100dvh !important;