wx44wx/ai-video-fullstack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): refine editor title and section tab scrollbars

Browse Source 
Shrink the editable assistant title in prompt/workflow editors and keep the pencil icon visible. Apply scrollbar-subtle to section anchor tabs so horizontal scrollbars match dark theme.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Eric Wang
2026-08-05 14:36:31 +08:00
parent 0456d2b4ae
commit 7aaa1bf7c0
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/assistant-editor/editor-controls.tsx
View File

@@ -157,7 +157,7 @@ export function EditableTitle({
className={ className={
variant === "panel" variant === "panel"
? "min-w-0 flex-1 border-b border-primary bg-transparent px-3 py-1.5 text-sm font-medium text-foreground outline-none" ? "min-w-0 flex-1 border-b border-primary bg-transparent px-3 py-1.5 text-sm font-medium text-foreground outline-none"
: "font-display display-sm w-[min(60vw,420px)] border-b border-primary bg-transparent text-ink outline-none" : "font-display w-[min(60vw,420px)] border-b border-primary bg-transparent text-lg text-ink outline-none"
} }
/> />
); );
@@ -178,14 +178,14 @@ export function EditableTitle({
className={ className={
variant === "panel" variant === "panel"
? "truncate text-sm font-medium text-foreground" ? "truncate text-sm font-medium text-foreground"
: "font-display display-sm truncate text-ink" : "font-display truncate text-lg text-ink"
} }
> >
{value || placeholder} {value || placeholder}
</span> </span>
<Pencil <Pencil
size={variant === "panel" ? 14 : 16} size={14}
className="shrink-0 text-muted-soft opacity-0 transition-opacity group-hover:opacity-100" className="shrink-0 text-muted-soft"
/> />
</button> </button>
); );

2
frontend/src/components/editor/section-anchor-tabs.tsx
View File

@@ -59,7 +59,7 @@ export function SectionAnchorTabs({
return ( return (
<nav <nav
aria-label={ariaLabel} aria-label={ariaLabel}
className={cn("shrink-0 overflow-x-auto overscroll-none", className)} className={cn("scrollbar-subtle shrink-0 overflow-x-auto overscroll-none", className)}
> >
{contentClassName ? ( {contentClassName ? (
<div className={contentClassName}>{list}</div> <div className={contentClassName}>{list}</div>