swarm-ui: terminal tab fills the viewport below the header
The agent terminal tab now takes the whole window except the header bar, full width and height, instead of sitting in the padded content column. The connection badge floats inside the terminal's top-left corner and the toolbar row above it is gone on this route.
This commit is contained in:
parent
78e9f2ca67
commit
66df552f68
1 changed files with 87 additions and 51 deletions
|
|
@ -242,6 +242,27 @@
|
|||
.shell-body-wide {
|
||||
max-width: 90em;
|
||||
}
|
||||
/* Full-bleed route (the agent terminal): the shell becomes a viewport-high
|
||||
column, the header keeps its natural height, and the body takes every
|
||||
remaining pixel with no width cap or padding. `100dvh`, not `100vh` —
|
||||
`vh` includes mobile browser chrome that is on screen. */
|
||||
.shell-full {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100dvh;
|
||||
}
|
||||
.shell-full .shell-header {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.shell-body-full {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@keyframes shell-page-enter {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
|
|||
Loading…
Reference in a new issue