feat: refine mobile track workspace

2026-07-19 01:50:14 +08:00
parent 3770afabec
commit dcfd78f73b
3 changed files with 98 additions and 1 deletions
--- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
+++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
@@ -3217,6 +3217,88 @@
  }
 }

+@media (max-width: 700px) and (max-height: 500px) and (orientation: landscape) {
+  .v2-track-current-card.semi-card,
+  .v2-track-page.is-rail-collapsed .v2-track-current-card.semi-card {
+    top: 6px;
+    right: auto;
+    bottom: auto;
+    left: 8px;
+    width: min(318px, 48vw);
+    min-width: 0;
+    border-radius: 10px;
+  }
+
+  .v2-track-current-card .v2-workspace-panel-header {
+    min-height: 42px;
+    padding: 5px 8px;
+  }
+
+  .v2-track-current-card .v2-workspace-panel-meta .semi-tag {
+    min-width: 40px;
+    padding-inline: 6px;
+    font-size: 9px;
+  }
+
+  .v2-track-current-card > .semi-card-body > .v2-track-current-metrics > span {
+    padding: 5px 6px;
+  }
+
+  .v2-track-current-card > .semi-card-body > .v2-track-current-metrics small {
+    font-size: 8px;
+  }
+
+  .v2-track-current-card > .semi-card-body > .v2-track-current-metrics strong {
+    margin-top: 2px;
+    font-size: 12px;
+  }
+
+  .v2-track-current-card > .semi-card-body > .v2-track-current-evidence {
+    min-height: 32px;
+    gap: 5px;
+    padding: 4px 7px;
+  }
+
+  .v2-track-current-evidence > em {
+    display: none;
+  }
+
+  .v2-track-stage-tools {
+    top: 6px;
+    right: 8px;
+  }
+
+  .v2-track-page.is-mobile-layout .v2-track-playback-dock.semi-card,
+  .v2-track-page.is-mobile-layout .v2-track-playback-dock > .semi-card-body {
+    min-height: 88px;
+  }
+
+  .v2-track-page.is-mobile-layout .v2-track-playback-dock > .semi-card-body {
+    gap: 6px;
+    padding: 6px 8px !important;
+  }
+
+  .v2-track-page.is-mobile-layout .v2-track-progress-slider.semi-slider-wrapper {
+    margin-block: 6px 2px;
+  }
+
+  .v2-track-stage:has(.v2-track-current-card) .v2-track-rail-expand {
+    top: 52px;
+    right: 8px;
+    bottom: auto;
+    left: auto;
+    min-width: 126px;
+    min-height: 38px;
+    padding: 5px 8px;
+    transform: none;
+  }
+
+  .v2-track-rail-expand.semi-button .semi-icon {
+    width: 26px;
+    height: 26px;
+  }
+}
+
 /* Mileage workspace refinement: expose the active source strategy and keep the
 * mobile matrix dense without sacrificing the fixed plate/period columns. */
 .v2-mileage-source-trigger .semi-button-content {