admin/TaskPool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(select): improve select item hover and active state visual hierarchy
Build and Deploy / Build and Push Docker Image (push) Successful in 2m1s
Details

Browse Source 
- Use --bg-hover for hover state (more visible)
- Add font-weight: 500 to active/selected state for better distinction
This commit is contained in:
TaskPool
2026-08-08 04:29:19 +08:00
parent 8ef0ff8507
commit 2902919ae5
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/index.css
+2 -1
View File
@@ -426,12 +426,13 @@ pre,
} }
.ui-select-item:hover:not(:disabled) { .ui-select-item:hover:not(:disabled) {
background: var(--bg-tertiary); background: var(--bg-hover);
} }
.ui-select-item.is-active { .ui-select-item.is-active {
background: var(--bg-selected); background: var(--bg-selected);
color: var(--text-primary); color: var(--text-primary);
font-weight: 500;
} }
.ui-select-item:disabled { .ui-select-item:disabled {