fix(webcrt): remove tab close border by dropping button chrome

Global app button styles forced a boxed ×; use an inline span so it reads as part of the device name.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
hansjone 2026-07-30 02:34:25 +00:00
parent 2ac8d96409
commit 14f14d34bd
2 changed files with 24 additions and 17 deletions

View file

@ -390,17 +390,25 @@ export function WebcrtPage() {
<span>
{deviceLabel(tab.target)}
{tab.status === "connecting" ? ` (${t("webcrt.status.connecting")})` : ""}
<button
type="button"
<span
role="button"
tabIndex={0}
className="webcrt-tabs__close"
aria-label={t("webcrt.disconnect")}
onClick={(e) => {
e.stopPropagation();
void closeTab(tab.key);
}}
onKeyDown={(e) => {
if (e.key === "Enter" || e.key === " ") {
e.preventDefault();
e.stopPropagation();
void closeTab(tab.key);
}
}}
>
×
</button>
</span>
</span>
</div>
))}