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:
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -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} />
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user