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