feat: update custom field input to textarea for better usability; enhance styles for improved display

2026-08-06 15:10:13 +00:00 · 2026-05-10 18:17:09 +08:00
parent 2f1b61e883
commit a0d4d7a1ff
4 changed files with 23 additions and 3 deletions
@@ -632,7 +632,11 @@ export default function VaultEditor(props: VaultEditorProps) {
                      <span>{toBooleanFieldValue(field.value) ? t('txt_checked') : t('txt_unchecked')}</span>
                    </label>
                  ) : (
-                    <input className="input" value={field.value} onInput={(e) => props.onPatchDraftCustomField(originalIndex, { value: (e.currentTarget as HTMLInputElement).value })} />
+                    <textarea
+                      className="input textarea custom-field-textarea"
+                      value={field.value}
+                      onInput={(e) => props.onPatchDraftCustomField(originalIndex, { value: (e.currentTarget as HTMLTextAreaElement).value })}
+                    />
                  )}
                </div>
                <button type="button" className="btn btn-secondary small custom-field-remove" onClick={() => props.onUpdateDraftCustomFields(props.draft.customFields.filter((_, i) => i !== originalIndex))}>