Stub out story/controls and use code-mirror with vim for text-editing
This commit is contained in:
parent
c255e19c42
commit
6a0f95812a
11 changed files with 383 additions and 44 deletions
34
src/ui/Controls.tsx
Normal file
34
src/ui/Controls.tsx
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
|
||||
type Props = {
|
||||
// TODO
|
||||
}
|
||||
|
||||
export function Controls(props: Props) {
|
||||
return (
|
||||
<aside
|
||||
style={{
|
||||
position: "sticky",
|
||||
top: "2rem",
|
||||
height: "fit-content"
|
||||
}}
|
||||
>
|
||||
<article>
|
||||
<header>Controls</header>
|
||||
|
||||
<fieldset>
|
||||
<label>
|
||||
<input type="checkbox" role="switch" checked />
|
||||
Auto-evaluate
|
||||
</label>
|
||||
<button class="secondary outline" style={{ width: "100%" }}>
|
||||
Clear All
|
||||
</button>
|
||||
</fieldset>
|
||||
|
||||
<footer>
|
||||
<small>Language v0.1.0</small>
|
||||
</footer>
|
||||
</article>
|
||||
</aside>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue