style(client): size the member icons down to the task cards' own
The members board's 26px avatar boxes dwarfed the 20px hue icons the task board settled on; one base class now carries the shared size, so the members' cards, the task rows, the band heads, and the opened agent boxes all read at the same scale — and the task board's size patches fold away.
This commit is contained in:
1 parent
ac5b36b784
commit
00a612d285
3 files changed
+6
-10
No files matched your search
@@ -220,7 +220,7 @@ export function MemberBoard(props: MemberBoardProps): ReactElement {
|
||||
>
|
||||
<div className="lc-member-head">
|
||||
<span className="lc-member-icon">
|
||||
{member.role === 'lead' ? <IconUsersOutlineRegular size={15} /> : <IconUserOutlineRegular size={15} />}
|
||||
{member.role === 'lead' ? <IconUsersOutlineRegular size={13} /> : <IconUserOutlineRegular size={13} />}
|
||||
</span>
|
||||
<b className="lc-member-name">{member.name}</b>
|
||||
{isCurrent ? <span className="lc-agents-badge">{t('agents.self')}</span> : null}
|
||||
@@ -318,7 +318,7 @@ export function MemberBoard(props: MemberBoardProps): ReactElement {
|
||||
>
|
||||
<div className="lc-member-head">
|
||||
<span className="lc-member-icon">
|
||||
<IconUserOutlineRegular size={15} />
|
||||
<IconUserOutlineRegular size={13} />
|
||||
</span>
|
||||
{/* A subagent's prompt title IS its identity, and it runs long: two clamped
|
||||
lines where the roster name stays one. */}
|
||||
|
||||
@@ -331,7 +331,7 @@ export function TaskBoard(props: TaskBoardProps): ReactElement {
|
||||
return (
|
||||
<Section label={t('fleet.tasks.agent')}>
|
||||
<div className="lc-team-task-box-agent">
|
||||
<span className="lc-member-icon lc-tasks-row-icon" style={memberStyle(hue)}>
|
||||
<span className="lc-member-icon" style={memberStyle(hue)}>
|
||||
<IconUserOutlineRegular size={13} />
|
||||
</span>
|
||||
<button
|
||||
@@ -377,7 +377,7 @@ export function TaskBoard(props: TaskBoardProps): ReactElement {
|
||||
{/* The delegation IS the agent here: its family hue rides the row's own icon, so the
|
||||
band needs no group head above a subject that would only repeat it. The session id
|
||||
rides the tooltip — same-prompt delegations differ only by their figures otherwise. */}
|
||||
<span className="lc-member-icon lc-tasks-row-icon" style={memberStyle(hue)}>
|
||||
<span className="lc-member-icon" style={memberStyle(hue)}>
|
||||
<IconUserOutlineRegular size={13} />
|
||||
</span>
|
||||
<StateDot state={row.dot} size={9} />
|
||||
|
||||
@@ -49,8 +49,8 @@
|
||||
.lc-member-failed { opacity: 0.7; }
|
||||
.lc-member-head { display: flex; align-items: center; gap: 7px; min-width: 0; }
|
||||
.lc-member-icon {
|
||||
flex: none; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px;
|
||||
border-radius: 8px; color: var(--lc-member-hue, var(--dsw-alias-label-secondary));
|
||||
flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px;
|
||||
border-radius: 6px; color: var(--lc-member-hue, var(--dsw-alias-label-secondary));
|
||||
background: color-mix(in srgb, var(--lc-member-hue, var(--dsw-alias-label-secondary)) 14%, transparent);
|
||||
border: 1px solid color-mix(in srgb, var(--lc-member-hue, var(--dsw-alias-border-l2)) 35%, transparent);
|
||||
}
|
||||
@@ -115,10 +115,6 @@
|
||||
.lc-team-task-warning { margin-top: 5px; font-size: 10.5px; color: var(--color-amber-500); }
|
||||
.lc-team-task-meta .lc-inspector-btn { margin-left: auto; }
|
||||
|
||||
/* Owner-grouped board: the group head wears the members board's hue icon, downsized to head scale. */
|
||||
.lc-tasks-group-head .lc-member-icon { width: 20px; height: 20px; border-radius: 6px; }
|
||||
/* A headless delegation row carries the same icon inside its own head. */
|
||||
.lc-tasks-row-icon { width: 20px; height: 20px; border-radius: 6px; }
|
||||
/* A subagent's prompt title runs long: the head label ellipsizes rather than wrapping the band. */
|
||||
.lc-tasks-group-head .lc-team-task-owner { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
|
||||
/* A delegation row's live readout: the run's figures left, the occupancy figure right. */
|
||||
|
||||
Reference in new issue
Block a user