Skip to content

Commit 2c615f8

Browse files
authored
🤖 refactor: make workspace count visually subordinate to project name (#3128)
## Summary Make the workspace count indicator in the project sidebar visually subordinate to the project name, establishing a clear text hierarchy. ## Background The workspace count next to each project name in the left sidebar was styled identically to the project name (same size, same color). This made them compete for visual attention instead of the count being a quiet secondary detail. ## Implementation Changes to the count `<span>` in `ProjectSidebar.tsx`: - **Size:** `text-sm` → `text-xs` (smaller than the project name) - **Color:** Stepped down one level in both states — `text-content-primary` → `text-content-secondary` (attention), `text-content-secondary` → `text-muted` (normal) - **Alignment:** `items-center` → `items-baseline` on the flex container so the smaller count text sits on the same text baseline as the project name instead of being vertically offset --- _Generated with `mux` • Model: `anthropic:claude-opus-4-6` • Thinking: `xhigh` • Cost: `$0.85`_ <!-- mux-attribution: model=anthropic:claude-opus-4-6 thinking=xhigh costs=0.85 -->
1 parent 1cf8b37 commit 2c615f8

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

‎src/browser/components/ProjectSidebar/ProjectSidebar.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1910,7 +1910,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
19101910
}}
19111911
/>
19121912
) : (
1913-
<div className="text-muted-dark flex min-w-0 items-center gap-1.5 text-sm">
1913+
<div className="text-muted-dark flex min-w-0 items-baseline gap-1.5 text-sm">
19141914
<span
19151915
className={cn(
19161916
"min-w-0 flex-1 truncate font-medium",
@@ -1923,10 +1923,10 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
19231923
</span>
19241924
<span
19251925
className={cn(
1926-
"shrink-0",
1926+
"shrink-0 text-xs",
19271927
projectHasAttention
1928-
? "text-content-primary"
1929-
: "text-content-secondary"
1928+
? "text-content-secondary"
1929+
: "text-muted"
19301930
)}
19311931
>
19321932
({projectAgentCount})

0 commit comments

Comments
 (0)