mirror of
https://github.com/ianarawjo/ChainForge.git
synced 2025-03-14 16:26:45 +00:00
Script node styling
This commit is contained in:
parent
4472205008
commit
b2af498db7
@ -49,7 +49,9 @@ const ScriptNode = ({ data, id }) => {
|
||||
const val = data.scriptFiles ? data.scriptFiles[i] : '';
|
||||
return (
|
||||
<div className="input-field" key={i}>
|
||||
<input className='script-node-input' type='text' id={i} onChange={handleInputChange} value={val}/><button id={delButtonId + i} onClick={handleDelete}>x</button><br/>
|
||||
<input className="script-node-input" type="text" id={i} onChange={handleInputChange} value={val}/>
|
||||
<button className="remove-text-field-btn nodrag" id={delButtonId + i} onClick={handleDelete}>X</button>
|
||||
<br/>
|
||||
</div>
|
||||
)
|
||||
}));
|
||||
@ -65,7 +67,7 @@ const ScriptNode = ({ data, id }) => {
|
||||
|
||||
return (
|
||||
<div className="script-node cfnode">
|
||||
<NodeLabel title={data.title || 'Global Scripts'} nodeId={id} editable={false} icon={<IconSettingsAutomation size="16px" />}/>
|
||||
<NodeLabel title={data.title || 'Global Python Scripts'} nodeId={id} editable={false} icon={<IconSettingsAutomation size="16px" />}/>
|
||||
<label htmlFor="num-generations" style={{fontSize: '10pt'}}>Enter folder paths for external modules you wish to import.</label> <br/><br/>
|
||||
<div>
|
||||
{scriptFiles}
|
||||
|
@ -89,12 +89,13 @@ const TextFieldsNode = ({ data, id }) => {
|
||||
// Whenever 'data' changes, update the input fields to reflect the current state.
|
||||
useEffect(() => {
|
||||
const f = data.fields ? Object.keys(data.fields) : [];
|
||||
const num_fields = f.length;
|
||||
setFields(f.map((i, idx) => {
|
||||
const val = data.fields ? data.fields[i] : '';
|
||||
return (
|
||||
<div className="input-field" key={i}>
|
||||
<textarea id={i} name={i} className="text-field-fixed nodrag" rows="2" cols="40" value={val} onChange={handleInputChange} />
|
||||
{idx > 0 ? (<button id={delButtonId + i} className="remove-text-field-btn nodrag" onClick={handleDelete}>X</button>) : <></>}
|
||||
{num_fields > 1 ? (<button id={delButtonId + i} className="remove-text-field-btn nodrag" onClick={handleDelete}>X</button>) : <></>}
|
||||
</div>
|
||||
)}));
|
||||
}, [data.fields, handleInputChange, handleDelete]);
|
||||
|
@ -324,6 +324,9 @@
|
||||
transform: skewX(-20deg);
|
||||
}
|
||||
|
||||
.script-node-input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.node-header-btns-container {
|
||||
float: right;
|
||||
|
Loading…
x
Reference in New Issue
Block a user