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

feat: unify global action workbenches

Browse Source
This commit is contained in:
lingniu
2026-07-19 07:13:09 +08:00
parent 3b5a66b687
commit af608b35e0
8 changed files with 295 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21777,3 +21777,197 @@
grid-column: 1;
}
}
/*
* Global help and action workbenches.
* These high-frequency shell surfaces now use the same Semi UI identity,
* scrolling and footer hierarchy as configuration, evidence and editor sheets.
*/
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .semi-sidesheet-inner {
overflow: hidden;
border-left: 1px solid #d9e3ef;
background: #f4f7fb;
box-shadow: -22px 0 64px rgba(24, 43, 68, .16);
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .semi-sidesheet-header {
min-height: 78px;
border-bottom: 1px solid #dfe7f0;
background:
radial-gradient(circle at 10% 0%, rgba(18, 104, 243, .08), transparent 36%),
linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
padding: 13px 18px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .semi-sidesheet-title {
min-width: 0;
}
.v2-workspace-config-title-icon {
display: grid;
width: 38px;
height: 38px;
flex: 0 0 auto;
place-items: center;
border: 1px solid #d7e5f8;
border-radius: 11px;
background: linear-gradient(145deg, #f2f7ff 0%, #e8f1ff 100%);
color: #1268f3;
font-size: 18px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .semi-sidesheet-close {
width: 36px;
height: 36px;
border-radius: 9px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .semi-sidesheet-body {
min-height: 0;
overflow: hidden;
background: #f4f7fb;
padding: 0;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .v2-workspace-config-content {
padding: 11px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .semi-sidesheet-footer {
min-height: 64px;
border-top: 1px solid #e1e8f1;
background: rgba(255, 255, 255, .97);
padding: 10px 14px;
}
.v2-workspace-help-sidesheet .v2-workspace-config-summary {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.v2-workspace-help-sidesheet .v2-workspace-config-summary strong {
font-size: 13px;
}
.v2-workspace-help-sidesheet .v2-help-panel {
align-content: start;
}
.v2-workspace-help-sidesheet .v2-help-overview.semi-card {
min-height: 112px;
}
.v2-workspace-action-sidesheet .v2-workspace-config-title strong {
font-size: 18px;
}
.v2-workspace-action-sidesheet .v2-workspace-config-title > .semi-tag {
color: #1268f3;
}
.v2-mobile-more-sidesheet .v2-workspace-config-content {
padding: 10px;
}
.v2-mobile-more-sidesheet .semi-sidesheet-title > .v2-workspace-config-title {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.v2-mobile-more-sidesheet .v2-mobile-more-groups {
align-content: start;
}
.v2-vehicle-mobile-actions-sidesheet .v2-workspace-config-content {
padding: 10px 12px;
}
@media (max-width: 680px) {
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet).semi-sidesheet-bottom .semi-sidesheet-inner {
width: 100% !important;
max-width: 100%;
overflow: hidden;
border: 1px solid #d8e2ed;
border-bottom: 0;
border-radius: 18px 18px 0 0;
background: #f4f7fb;
box-shadow: 0 -18px 48px rgba(23, 43, 68, .18);
padding-bottom: env(safe-area-inset-bottom);
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet).semi-sidesheet-bottom .semi-sidesheet-header {
min-height: 70px;
padding: 10px 12px 10px 14px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .v2-workspace-config-title {
gap: 8px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .v2-workspace-config-title-icon {
width: 34px;
height: 34px;
border-radius: 10px;
font-size: 16px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .v2-workspace-config-title strong {
font-size: 16px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .v2-workspace-config-title small {
max-width: 210px;
font-size: 9px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet) .v2-workspace-config-content {
padding: 8px;
}
:is(.v2-workspace-help-sidesheet, .v2-workspace-action-sidesheet).semi-sidesheet-bottom .semi-sidesheet-footer {
min-height: 58px;
padding: 7px 9px calc(7px + env(safe-area-inset-bottom));
}
.v2-workspace-help-sidesheet .v2-workspace-config-summary {
min-height: 64px;
}
.v2-workspace-help-sidesheet .v2-workspace-config-summary > span {
padding: 7px 8px;
}
.v2-workspace-help-sidesheet .v2-workspace-config-summary strong {
font-size: 10px;
}
.v2-workspace-help-sidesheet .v2-help-overview.semi-card {
min-height: 0;
}
.v2-workspace-help-sidesheet .v2-help-panel li {
min-height: 54px;
}
.v2-mobile-more-sidesheet .v2-workspace-config-content {
padding: 8px 9px 10px;
}
.v2-vehicle-mobile-actions-sidesheet .v2-workspace-config-content {
padding: 9px 11px;
}
}
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
.v2-workspace-action-sidesheet.v2-vehicle-mobile-actions-sidesheet.semi-sidesheet-bottom .semi-sidesheet-inner {
height: min(100dvh, 380px) !important;
max-height: 100dvh;
border-radius: 16px 16px 0 0;
}
.v2-workspace-action-sidesheet.v2-vehicle-mobile-actions-sidesheet .v2-vehicle-mobile-actions-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}