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 && (
<Link
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
</Link>
)}

View File

@@ -27,7 +27,7 @@ export default function ScriptManagePage() {
}
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' ? (
<ScriptTemplateListView onEdit={handleEdit} onCreate={handleCreate} />
) : (