talexander/organic_ast_explorer
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Wrap the textarea.

Browse Source
This commit is contained in:
Tom Alexander 2024-01-12 22:16:31 -05:00
parent a1b1e9e5c5
commit 636f2dabb8
Signed by: talexander
GPG Key ID: D3A179C9A53C0EDE
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/Editor.css
View File

@ -5,11 +5,16 @@
width: 100%; width: 100%;
} }
.Editor-textarea { .Editor-textwrapper {
flex: 1; flex: 1;
flex-basis: 0; flex-basis: 0;
} }
.Editor-textarea {
width: 100%;
height: 100%;
}
.Editor-ast { .Editor-ast {
flex: 1; flex: 1;
background: green; background: green;

4
src/Editor.tsx
View File

@ -7,7 +7,9 @@ function Editor() {
return ( return (
<div className="Editor"> <div className="Editor">
<textarea onChange={handleChange} className="Editor-textarea"></textarea> <div className="Editor-textwrapper">
<textarea onChange={handleChange} className="Editor-textarea"></textarea>
</div>
<div className="Editor-ast"></div> <div className="Editor-ast"></div>
</div> </div>
); );