fix mobile track workspace layout

This commit is contained in:
lingniu
2026-07-18 07:57:53 +08:00
parent 40fcb6fc7b
commit fb171fb0de
3 changed files with 28 additions and 2 deletions

View File

@@ -18,6 +18,30 @@
padding: 8px 14px;
}
/*
* Track criteria live in a portal-backed SideSheet on phones, so the stage is
* the only in-flow workspace child. Bind layout to the component's mobile
* state instead of relying on overlapping historical media-query overrides.
*/
.v2-track-page.is-mobile-layout,
.v2-track-page.is-mobile-layout.is-rail-collapsed {
display: flex;
grid-template-columns: none;
grid-template-rows: none;
flex-direction: column;
}
.v2-track-page.is-mobile-layout > .v2-monitor-return {
flex: 0 0 auto;
}
.v2-track-page.is-mobile-layout > .v2-track-stage {
width: 100%;
min-width: 0;
min-height: 0;
flex: 1 1 auto;
}
/* Semi UI trajectory replay workspace: one evidence rail, one map overlay and
* one compact playback surface. */
.v2-track-page {