Skip to content

Commit 491c30e

Browse files
committed
fix: adjust runtime badge icons - smaller and consistent shape
- Reduce icon size from 12x12 to 10x10 (~15% smaller) - Redesign worktree icon to be vertically oriented like SSH icon - Improve SSH icon with visible indicator dots - Both icons now have similar visual weight and shape
1 parent f09ce19 commit 491c30e

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

src/browser/components/RuntimeBadge.tsx

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,8 @@ interface RuntimeBadgeProps {
1414
function SSHIcon() {
1515
return (
1616
<svg
17-
width="12"
18-
height="12"
17+
width="10"
18+
height="10"
1919
viewBox="0 0 16 16"
2020
fill="none"
2121
stroke="currentColor"
@@ -24,10 +24,10 @@ function SSHIcon() {
2424
strokeLinejoin="round"
2525
aria-label="SSH Runtime"
2626
>
27-
<rect x="2" y="2" width="12" height="4" rx="1" />
28-
<rect x="2" y="10" width="12" height="4" rx="1" />
29-
<line x1="5" y1="4" x2="5" y2="4" />
30-
<line x1="5" y1="12" x2="5" y2="12" />
27+
<rect x="2" y="2" width="12" height="5" rx="1" />
28+
<rect x="2" y="9" width="12" height="5" rx="1" />
29+
<circle cx="5" cy="4.5" r="0.5" fill="currentColor" />
30+
<circle cx="5" cy="11.5" r="0.5" fill="currentColor" />
3131
</svg>
3232
);
3333
}
@@ -36,8 +36,8 @@ function SSHIcon() {
3636
function WorktreeIcon() {
3737
return (
3838
<svg
39-
width="12"
40-
height="12"
39+
width="10"
40+
height="10"
4141
viewBox="0 0 16 16"
4242
fill="none"
4343
stroke="currentColor"
@@ -46,12 +46,12 @@ function WorktreeIcon() {
4646
strokeLinejoin="round"
4747
aria-label="Worktree Runtime"
4848
>
49-
{/* Git branch icon */}
50-
<circle cx="5" cy="4" r="2" />
51-
<circle cx="11" cy="4" r="2" />
52-
<circle cx="5" cy="12" r="2" />
53-
<line x1="5" y1="6" x2="5" y2="10" />
54-
<path d="M5 8 C 5 4 11 8 11 6" />
49+
{/* Simplified git branch: vertical line with branch off */}
50+
<circle cx="8" cy="3" r="2" />
51+
<circle cx="8" cy="13" r="2" />
52+
<line x1="8" y1="5" x2="8" y2="11" />
53+
<circle cx="12" cy="7" r="2" />
54+
<path d="M10 7 L8 9" />
5555
</svg>
5656
);
5757
}
@@ -60,8 +60,8 @@ function WorktreeIcon() {
6060
function _LocalIcon() {
6161
return (
6262
<svg
63-
width="12"
64-
height="12"
63+
width="10"
64+
height="10"
6565
viewBox="0 0 16 16"
6666
fill="none"
6767
stroke="currentColor"

0 commit comments

Comments
 (0)