Stub out story/controls and use code-mirror with vim for text-editing

This commit is contained in:
Yura Dupyn 2026-02-13 20:06:43 +01:00
parent c255e19c42
commit 6a0f95812a
11 changed files with 383 additions and 44 deletions

34
src/ui/Controls.tsx Normal file
View 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>
);
}