c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Add spacer for better top-down

Browse Source
This commit is contained in:
Daniel Kluge 2021-12-26 13:59:22 +01:00
parent b9d3bd6c45
commit eb49cfdd68
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/REPL/index.tsx
View File

@ -7,9 +7,14 @@ const REPL = () => {
const inputRef = useRef<HTMLInputElement>(); const inputRef = useRef<HTMLInputElement>();
const onCommandExecuted = (result: string[]) => manipulateHistory(result.reverse().concat(history).slice(0, 1000)); const onCommandExecuted = (result: string[]) => manipulateHistory(result.reverse().concat(history).slice(0, 1000));
const focusInput = () => {
if (inputRef.current) inputRef.current.focus();
}
return (<> return (<>
<REPLHistory history={history} inputRef={inputRef} /> <REPLHistory history={history} inputRef={inputRef} />
<REPLInput historyCallback={onCommandExecuted} inputRef={inputRef} /> <REPLInput historyCallback={onCommandExecuted} inputRef={inputRef} />
<div style={{flexGrow: 2}} onClick={focusInput}></div>
</>); </>);
}; };

1
styles/REPL/REPLInput.module.css
View File

@ -19,7 +19,6 @@
width: 100%; width: 100%;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
flex-grow: 2;
} }
.inputstart { .inputstart {