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

feat: densify mobile monitor workspace

Browse Source
This commit is contained in:
lingniu
2026-07-19 02:15:10 +08:00
parent dcfd78f73b
commit f4f8bf9f4b
3 changed files with 252 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12797,6 +12797,223 @@
.v2-kpi strong {
margin-top: 7px;
}
.v2-monitor-mobile-cards {
gap: 6px;
padding: 6px;
}
.v2-monitor-mobile-cards > .v2-monitor-mobile-card.semi-card {
contain-intrinsic-size: auto 132px;
}
.v2-monitor-mobile-card .semi-card-body {
padding: 7px 9px;
}
.v2-monitor-mobile-card .semi-card-body > header {
min-height: 34px;
align-items: center;
}
.v2-monitor-mobile-card .semi-card-body > header strong {
font-size: 14px;
}
.v2-monitor-mobile-card .semi-card-body > header span {
font-size: 9px;
}
.v2-monitor-card-heading-actions > b {
font-size: 15px;
}
.v2-monitor-card-heading-actions > .v2-monitor-card-locate.semi-button {
height: 28px;
min-height: 28px;
}
.v2-monitor-mobile-cards dl {
gap: 2px 9px;
margin-top: 5px;
padding-top: 5px;
}
.v2-monitor-mobile-cards dl > div {
min-height: 24px;
}
.v2-monitor-mobile-cards dl > div.is-address {
min-height: 28px;
}
.v2-monitor-mobile-cards dl > div.is-address .semi-button {
min-height: 26px;
height: 26px;
}
}
@media (max-width: 760px) and (max-height: 500px) and (orientation: landscape) {
.v2-monitor-page {
gap: 6px;
padding: 6px 8px;
}
.v2-monitor-page > .v2-filterbar > .semi-card-body {
padding: 4px;
}
.v2-monitor-filter-actions {
grid-template-columns: 64px minmax(0, 1fr) 38px;
gap: 5px;
}
.v2-monitor-filter-toggle.semi-button {
width: 64px;
height: 36px;
}
.v2-monitor-mode.v2-segmented-tabs {
height: 36px;
}
.v2-monitor-mode.v2-segmented-tabs > .semi-button {
height: 30px;
font-size: 11px;
}
.v2-monitor-filter-actions > .v2-monitor-mobile-entry.semi-button {
width: 38px;
height: 36px;
}
.v2-monitor-page > .v2-kpis > .semi-card-body {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.v2-monitor-page > .v2-kpis .v2-kpi.is-support {
display: none;
}
.v2-monitor-page > .v2-kpis .v2-kpi {
min-height: 50px;
padding: 5px 10px;
}
.v2-monitor-page > .v2-kpis .v2-kpi small {
font-size: 9px;
}
.v2-monitor-page > .v2-kpis .v2-kpi strong {
margin-top: 3px;
font-size: 18px;
}
.v2-monitor-page > .v2-kpis .v2-kpi strong em {
font-size: 8px;
}
.v2-monitor-table-panel > .semi-card-body > .v2-workspace-panel-header {
min-height: 35px;
align-items: center;
padding: 3px 9px;
}
.v2-monitor-table-panel > .semi-card-body > .v2-workspace-panel-header .v2-workspace-panel-copy {
gap: 0;
}
.v2-monitor-table-panel > .semi-card-body > .v2-workspace-panel-header .v2-workspace-panel-copy > h5 {
font-size: 12px;
}
.v2-monitor-table-panel > .semi-card-body > .v2-workspace-panel-header .v2-workspace-panel-copy > .semi-typography:not(h5) {
display: none;
}
.v2-monitor-table-panel > .semi-card-body > .v2-workspace-panel-header .v2-workspace-panel-meta {
font-size: 9px;
}
.v2-monitor-mobile-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-content: start;
gap: 5px;
padding: 5px;
}
.v2-monitor-mobile-cards > .v2-monitor-mobile-card.semi-card {
contain-intrinsic-size: auto 92px;
}
.v2-monitor-mobile-card .semi-card-body {
padding: 5px 7px;
}
.v2-monitor-mobile-card .semi-card-body > header {
min-height: 29px;
gap: 5px;
}
.v2-monitor-mobile-card .semi-card-body > header strong {
font-size: 12px;
}
.v2-monitor-mobile-card .semi-card-body > header span {
font-size: 8px;
}
.v2-monitor-card-heading-actions {
gap: 5px !important;
}
.v2-monitor-card-heading-actions > b {
font-size: 13px;
}
.v2-monitor-card-heading-actions > .v2-monitor-card-locate.semi-button {
width: 44px;
height: 26px;
min-height: 26px;
padding-inline: 5px;
font-size: 9px;
}
.v2-monitor-mobile-cards dl {
gap: 1px 7px;
margin-top: 3px;
padding-top: 3px;
}
.v2-monitor-mobile-cards dl > div {
min-height: 20px;
gap: 4px;
}
.v2-monitor-mobile-cards dl > div.is-address {
display: none;
}
.v2-monitor-mobile-cards dt {
font-size: 7px;
}
.v2-monitor-mobile-cards dd {
font-size: 9px;
}
.v2-monitor-mobile-cards dd code {
font-size: 7px;
}
.v2-monitor-table-panel > .semi-card-body > footer {
bottom: calc(58px + env(safe-area-inset-bottom));
}
.v2-monitor-page > .v2-event-strip {
display: none;
}
}
/* Semi UI workspace migration: monitor vehicle inspector and live status rail. */