fix: improve Manage Templates link visibility and editor scroll bug

Add pulsing cyan dot + hover gear rotation to make the link noticeable.
Add overflow-y-auto to ScriptManagePage so the editor form scrolls.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Michael Chihlas
2026-03-14 15:19:29 -04:00
parent 1e035ac375
commit 2b1fd032a2
2 changed files with 6 additions and 3 deletions

View File

@@ -53,9 +53,12 @@ export default function ScriptLibraryPage() {
{isEngineer && ( {isEngineer && (
<Link <Link
to="/scripts/manage" to="/scripts/manage"
className="inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mt-2" className="inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mt-2 group"
> >
<Settings size={12} /> <span className="relative">
<Settings size={12} className="group-hover:rotate-90 transition-transform duration-300" />
<span className="absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-primary animate-pulse" />
</span>
Manage Templates Manage Templates
</Link> </Link>
)} )}

View File

@@ -27,7 +27,7 @@ export default function ScriptManagePage() {
} }
return ( return (
<div className="p-6 max-w-5xl mx-auto"> <div className="p-6 max-w-5xl mx-auto h-full overflow-y-auto">
{mode === 'list' ? ( {mode === 'list' ? (
<ScriptTemplateListView onEdit={handleEdit} onCreate={handleCreate} /> <ScriptTemplateListView onEdit={handleEdit} onCreate={handleCreate} />
) : ( ) : (