体验: 滚动条加深与选中行区分,文件列表表头固定不随滚动且横向滚动条贴可视区底部
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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 ? (
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user