体验: 滚动条加深与选中行区分,文件列表表头固定不随滚动且横向滚动条贴可视区底部

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
fenghp
2026-06-11 18:31:29 +08:00
co-authored by Cursor
parent 55a76cc51a
commit 7e14ba30f9
3 changed files with 12 additions and 2 deletions
@@ -153,7 +153,8 @@ export function FolderItemsPanel({
</div>
<FileTargetMenu target={currentFolderTarget} onAction={onFileAction}>
<div className="min-h-0 flex-1 overflow-auto">
{/* 由 table-container 自身承担纵横滚动:表头 sticky 不随内容滚走,横向滚动条始终贴可视区底部 */}
<div className="min-h-0 flex-1 overflow-hidden [&_[data-slot=table-container]]:h-full [&_[data-slot=table-container]]:overflow-auto">
{loading ? (
<ItemsSkeleton />
) : error ? (
+1 -1
View File
@@ -44,7 +44,7 @@ function ScrollBar({
>
<ScrollAreaPrimitive.ScrollAreaThumb
data-slot="scroll-area-thumb"
className="relative flex-1 rounded-full bg-border"
className="relative flex-1 rounded-full bg-foreground/25 transition-colors hover:bg-foreground/40"
/>
</ScrollAreaPrimitive.ScrollAreaScrollbar>
)