Skip to content

Commit dd5b346

Browse files
committed
🤖 Replace emoji with SVG icon for runtime badge
Replace 🖥️ emoji with a clean SVG server rack icon that matches the app's visual style. Icon uses currentColor to inherit the accent color from the badge. Generated with `cmux`
1 parent 9a2b40f commit dd5b346

File tree

1 file changed

+17
-3
lines changed

1 file changed

+17
-3
lines changed

src/components/RuntimeBadge.tsx

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,23 @@ export function RuntimeBadge({ runtimeConfig, className }: RuntimeBadgeProps) {
2929
className
3030
)}
3131
>
32-
<span className="text-[10px]" aria-label="SSH Runtime">
33-
🖥️
34-
</span>
32+
<svg
33+
width="12"
34+
height="12"
35+
viewBox="0 0 16 16"
36+
fill="none"
37+
stroke="currentColor"
38+
strokeWidth="1.5"
39+
strokeLinecap="round"
40+
strokeLinejoin="round"
41+
aria-label="SSH Runtime"
42+
>
43+
{/* Server rack icon */}
44+
<rect x="2" y="2" width="12" height="4" rx="1" />
45+
<rect x="2" y="10" width="12" height="4" rx="1" />
46+
<line x1="5" y1="4" x2="5" y2="4" />
47+
<line x1="5" y1="12" x2="5" y2="12" />
48+
</svg>
3549
<span className="truncate">{hostname}</span>
3650
</span>
3751
<Tooltip align="right">

0 commit comments

Comments
 (0)