fix: improve tab close button usability

- Change cursor to default arrow when hovering close button
- Increase clickable area with more padding
- Add subtle background highlight on hover

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-29 12:49:44 +01:00
co-authored by Claude Opus 4.5
parent db20f4f63d
commit e92ae7c3ce
3 changed files with 6 additions and 3 deletions
+4 -1
View File
@@ -166,6 +166,8 @@ body {
line-height: 1;
color: var(--text-muted);
overflow: hidden;
cursor: default;
border-radius: 3px;
/* Performance: use transform for GPU acceleration */
transition: opacity 0.15s ease-out, width 0.15s ease-out, padding 0.15s ease-out;
}
@@ -173,11 +175,12 @@ body {
.session-tab:hover .tab-close {
opacity: 1;
width: auto;
padding: 0 0.2rem;
padding: 0.15rem 0.35rem;
}
.session-tab .tab-close:hover {
color: var(--red);
background: rgba(255, 255, 255, 0.1);
}
.session-tab.new-tab {