chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: remove redundant wrapper div in password field

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-13 02:48:30 -04:00
parent 64b02159e0
commit 844b792bc2
1 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
frontend/src/components/scripts/ScriptParameterField.tsx
View File

@@ -52,27 +52,25 @@ export function ScriptParameterField({ param, value, error, disabled }: Props) {
} else if (param.type === 'password') { } else if (param.type === 'password') {
errorRenderedByComponent = true errorRenderedByComponent = true
input = ( input = (
<div className="flex flex-col gap-1"> <div className="relative">
<div className="relative"> <Input
<Input id={id}
id={id} type={showPassword ? 'text' : 'password'}
type={showPassword ? 'text' : 'password'} value={value}
value={value} onChange={handleChange}
onChange={handleChange} placeholder={param.placeholder ?? undefined}
placeholder={param.placeholder ?? undefined} disabled={disabled}
disabled={disabled} error={error}
error={error} />
/> <button
<button type="button"
type="button" onClick={() => setShowPassword(v => !v)}
onClick={() => setShowPassword(v => !v)} className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground" tabIndex={-1}
tabIndex={-1} aria-label={showPassword ? 'Hide password' : 'Show password'}
aria-label={showPassword ? 'Hide password' : 'Show password'} >
> {showPassword ? <EyeOff size={14} /> : <Eye size={14} />}
{showPassword ? <EyeOff size={14} /> : <Eye size={14} />} </button>
</button>
</div>
</div> </div>
) )
} else if (param.type === 'textarea') { } else if (param.type === 'textarea') {