fix: update ScriptConfigurePane elevation badge and separator per spec

- Replace unicode ⚠ with ShieldAlert icon in elevation badge
- Fix separator spacing: mb-4 → mt-3 pt-3 per spec

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-13 12:35:44 -04:00
parent 93f332e027
commit da86136ef3

View File

@@ -1,5 +1,5 @@
import { useState } from 'react'
import { ArrowLeft, Terminal, Download, Loader2, AlertTriangle, Copy, Check } from 'lucide-react'
import { ArrowLeft, Terminal, Download, Loader2, AlertTriangle, Copy, Check, ShieldAlert } from 'lucide-react'
import { cn } from '@/lib/utils'
import { useScriptGeneratorStore } from '@/store/scriptGeneratorStore'
import { ScriptParameterForm } from './ScriptParameterForm'
@@ -118,9 +118,10 @@ export function ScriptConfigurePane({ canGenerate, onBack }: Props) {
{selectedTemplate.requires_elevation && (
<span
title="Requires administrator elevation"
className="font-label text-[0.625rem] uppercase tracking-wide px-1.5 py-0.5 rounded border text-amber-400 bg-amber-400/10 border-amber-400/20"
className="inline-flex items-center gap-1 font-label text-[0.625rem] uppercase tracking-wide px-1.5 py-0.5 rounded border text-amber-400 bg-amber-400/10 border-amber-400/20"
>
Elevated
<ShieldAlert size={11} />
Elevated
</span>
)}
<span className={cn(
@@ -145,7 +146,7 @@ export function ScriptConfigurePane({ canGenerate, onBack }: Props) {
</div>
</div>
<div className="border-t border-border mb-4" />
<div className="border-t border-border mt-3 pt-3" />
{/* Parameter form */}
<ScriptParameterForm canGenerate={canGenerate} />