fix: use subtle cyan pill for Manage Templates link, fix editor scroll

Replace pulsing dot with a light cyan background pill that's visible
but not distracting. Remove overflow-hidden from ScriptBodyEditor
wrapper so the textarea content scrolls properly.

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

View File

@@ -26,7 +26,7 @@ export function ScriptBodyEditor({ value, onChange, disabled }: Props) {
}, [value, onChange])
return (
<div className="relative rounded-xl border border-border overflow-hidden">
<div className="relative rounded-xl border border-border">
{/* Highlighted overlay (read-only visual layer) */}
<div className="absolute inset-0 pointer-events-none overflow-auto p-4">
<PowerShellHighlighter script={value || ' '} />

View File

@@ -53,12 +53,9 @@ 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 group"
className="inline-flex items-center gap-1.5 text-xs text-primary bg-primary/10 hover:bg-primary/15 px-2.5 py-1 rounded-full transition-colors mt-2 group"
>
<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>
<Settings size={12} className="group-hover:rotate-90 transition-transform duration-300" />
Manage Templates
</Link>
)}