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

feat(platform): add mobile vehicle service dock

Browse Source
This commit is contained in:
lingniu
2026-07-06 01:06:59 +08:00
parent cd5336f353
commit 6da5f77267
3 changed files with 109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
vehicle-data-platform/apps/web/src/styles/global.css
View File

@@ -389,6 +389,10 @@ body {
flex-wrap: wrap;
}
.vp-mobile-service-dock {
display: none;
}
.vp-topbar-time-window {
display: inline-flex;
align-items: center;
@@ -12528,9 +12532,82 @@ button.vp-realtime-command-item:focus-visible {
.vp-topbar {
position: relative;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
padding: 12px;
}
.vp-mobile-service-dock {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 6px;
padding: 8px;
border: 1px solid rgba(22, 100, 255, 0.16);
border-radius: 8px;
background: #ffffff;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}
.vp-mobile-service-dock button {
min-width: 0;
min-height: 34px;
border: 1px solid rgba(22, 100, 255, 0.14);
border-radius: 7px;
background: #f8fafc;
color: var(--vp-text);
font-size: 12px;
font-weight: 700;
line-height: 1;
cursor: pointer;
}
.vp-mobile-service-dock button:focus-visible,
.vp-mobile-service-dock button:hover {
border-color: rgba(22, 100, 255, 0.42);
background: rgba(22, 100, 255, 0.08);
color: var(--vp-primary);
outline: none;
}
.vp-topbar-context {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
overflow: visible;
}
.vp-service-delivery-strip,
.vp-topbar-quick-actions {
display: none;
}
.vp-topbar-time-window {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 6px;
}
.vp-topbar-time-window-copy {
width: auto;
}
.vp-topbar-time-window-copy span {
max-width: none;
}
.vp-topbar-time-window-presets,
.vp-topbar-time-window label {
flex-wrap: wrap;
}
.vp-topbar-time-window label {
height: auto;
min-height: 28px;
}
.vp-topbar-time-window input {
width: min(100%, 132px);
}
.vp-evidence-grid,
.vp-action-grid,
.vp-fleet-monitor .semi-card-body,