style(repo-tabs): refine close button layout and focus state

Improve sizing and interaction of the repository tab close button. The
control now has a consistent 24px circular hit area. Hover and
focus-visible states use a subtle accent color for clarity. Icon size
is reduced to better center the glyph inside the control.

- Make the close button a 24px circular, grid-centered element.
- Add focus-visible and hover color with a subtle accent background.
- Reduce the close icon to 11px to improve visual balance.
This commit is contained in:
2026-08-15 18:51:01 +02:00
parent a7558e457d
commit c8247f2b2a
2 changed files with 21 additions and 3 deletions
+1 -1
View File
@@ -58,7 +58,7 @@
aria-label={language === "de" ? `${repo.name} schließen` : `Close ${repo.name}`}
title={language === "de" ? "Repository-Tab schließen" : "Close repository tab"}
>
<X size={13} aria-hidden="true" />
<X size={11} aria-hidden="true" />
</button>
</div>
{/each}