The roster loses its second column and its table view. Selecting a card opens its details under it as four folded sections: overview, settings, accounts and the terminal. The status, message and wanted rows, which the card header already shows, are gone from the details. The terminal page's details dialog keeps the flat list.
27 lines
660 B
CSS
27 lines
660 B
CSS
/* <AgentDetail> body — the panel or dialog around it supplies the title (the
|
|
agent's name), so it is not repeated in here. */
|
|
.ui-agent-detail-fields {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
gap: 0.4em 1em;
|
|
margin: 0 0 1em;
|
|
}
|
|
.ui-agent-detail-fields dt {
|
|
color: var(--muted);
|
|
}
|
|
.ui-agent-detail-fields dd {
|
|
margin: 0;
|
|
}
|
|
.ui-agent-detail-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75em;
|
|
}
|
|
|
|
/* The folded sections of an opened card sit one under another, each with the
|
|
shared disclosure look; the fields keep the grid above. */
|
|
.ui-agent-detail-sections {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.75em;
|
|
}
|