103c842890
The terminal page gets an agent badge (icon and name) that opens the agent's detail panel in a dialog over the terminal, without the terminal preview. The panel body and the actions on an agent (declare a wanted state, link an account, with their confirm and form dialogs) move out of the agent roster page into AgentDetail and useAgentActions, so the roster and the dialog share them. AgentIcon moves to its own file for the same reason.
37 lines
871 B
CSS
37 lines
871 B
CSS
/* <AgentCard> content layout — the clickable/selectable container
|
|
itself is `Card`'s (`ui/card/`); this is just the name/badges/
|
|
message arrangement inside one. */
|
|
.ui-agent-card-line1 {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.6em;
|
|
}
|
|
.ui-agent-card-name {
|
|
font-weight: 600;
|
|
}
|
|
/* Pushes the wanted-state control to the row's trailing edge regardless
|
|
of how wide the status badge next to it ends up. */
|
|
.ui-agent-card-wanted {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.4em;
|
|
margin-left: auto;
|
|
}
|
|
.ui-agent-card-message {
|
|
color: var(--muted);
|
|
white-space: normal;
|
|
word-break: break-word;
|
|
}
|
|
/* Icon (`AgentIcon`) beside the name/message. */
|
|
.ui-agent-card-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 0.7em;
|
|
}
|
|
.ui-agent-card-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.35em;
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|