ITQC/pydase
9
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2026-02-14 22:38:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

frontend: styling other components

Browse Source
This commit is contained in:
Mose Müller
2023-08-08 16:39:29 +02:00
parent 82a21f1e5d
commit 2951a73883
6 changed files with 44 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/components/StringComponent.tsx
View File

@@ -56,23 +56,19 @@ export const StringComponent = React.memo((props: StringComponentProps) => {
<p>Render count: {renderCount.current}</p>
)}
<DocStringComponent docString={docString} />
<div className="row">
<div className="col-5 d-flex">
<InputGroup>
<InputGroup.Text>{name}</InputGroup.Text>
<Form.Control
type="text"
value={inputString}
disabled={readOnly}
name={name}
onChange={handleChange}
onKeyDown={handleKeyDown}
onBlur={handleBlur}
className={isInstantUpdate && !readOnly ? 'instantUpdate' : ''}
/>
</InputGroup>
</div>
</div>
<InputGroup>
<InputGroup.Text>{name}</InputGroup.Text>
<Form.Control
type="text"
value={inputString}
disabled={readOnly}
name={name}
onChange={handleChange}
onKeyDown={handleKeyDown}
onBlur={handleBlur}
className={isInstantUpdate && !readOnly ? 'instantUpdate' : ''}
/>
</InputGroup>
</div>
);
});