mvp MADE!
This commit is contained in:
parent
8061185e24
commit
36ed928dc5
4 changed files with 130 additions and 39 deletions
|
@ -1,22 +1,27 @@
|
|||
<script>
|
||||
import Keyboard from "./keyboard.svelte";
|
||||
import Display from "./display.svelte";
|
||||
import Keyboard from "./keyboard.svelte";
|
||||
import Display from "./display.svelte";
|
||||
import { onMount } from "svelte";
|
||||
import { handleKey } from "./logic.svelte.js";
|
||||
|
||||
onMount(() => {
|
||||
window.addEventListener("keydown", handleKey);
|
||||
});
|
||||
</script>
|
||||
|
||||
<div id="root">
|
||||
<Display />
|
||||
<Keyboard />
|
||||
<Display />
|
||||
<Keyboard />
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#root {
|
||||
width: calc(50% - 40px);
|
||||
height: calc(100% - 75px);
|
||||
border-radius: 20px;
|
||||
margin: 20px;
|
||||
margin-top: 5px;
|
||||
border: 2px solid #444;
|
||||
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
}
|
||||
</style>
|
||||
#root {
|
||||
width: 885px;
|
||||
height: calc(100% - 75px);
|
||||
border-radius: 20px;
|
||||
margin: 20px;
|
||||
margin-top: 5px;
|
||||
border: 2px solid #444;
|
||||
font-family: "JetBrains Mono", monospace;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue