research/statebuddy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better rendering of dialogs

Browse source
This commit is contained in:
Joeri Exelmans 2025-10-19 22:43:58 +02:00
parent c2dd27afa5
commit 3f9f2affd3
3 changed files with 26 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/App/TextDialog.tsx
View file

@ -26,9 +26,9 @@ export function TextDialog(props: {setModal: Dispatch<SetStateAction<ReactElemen
error = e.message;
}
return <div onKeyDown={onKeyDown} style={{padding: 4, width: 520}}>
return <div onKeyDown={onKeyDown} style={{padding: 4}}>
Text label:<br/>
<textarea autoFocus style={{fontFamily: 'Roboto', width:500, height: 100}} onChange={e=>setText(e.target.value)}>{text}</textarea>
<textarea autoFocus style={{fontFamily: 'Roboto', width:'calc(100%-10px)', height: 60}} onChange={e=>setText(e.target.value)}>{text}</textarea>
<br/>
<span style={{color: 'var(--error-color)'}}>{error}</span><br/>
<p><kbd>Enter</kbd> to confirm. <kbd>Esc</kbd> to cancel.