diff --git a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css index dcbda4bd..8d0e552d 100644 --- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css +++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css @@ -393,6 +393,11 @@ backdrop-filter: blur(16px); } +.v2-track-stage { + container-type: inline-size; + container-name: track-stage; +} + .v2-track-playback-dock > .semi-card-body { min-height: 96px; grid-template-columns: 136px minmax(220px, 1fr) auto; @@ -558,6 +563,18 @@ } } +@container track-stage (max-width: 640px) { + .v2-track-playback-dock > .semi-card-body { + grid-template-columns: minmax(0, 1fr) auto; + gap: 8px; + padding-inline: 8px !important; + } + + .v2-track-progress-meta > span { + display: none; + } +} + /* * Semi UI admin workspace scale. * Access management is the visual baseline: history and alerts use the same