MirrorMirror
/
riju
mirror of https://github.com/radian-software/riju.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improving layout

This commit is contained in:
Radon Rosborough 2020-06-07 16:01:02 -06:00
parent d5430812bc
commit 2239a3685d
3 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/pages/app.html
View File

@ -13,12 +13,10 @@
<script src="/js/app.js" async defer></script>
</head>
<body>
<div id="header">
<button type="button" class="btn btn-success" id="runButton">Run</button>
</div>
<div id="app">
<div id="editor" class="column"></div>
<div id="terminal" class="column"></div>
<button type="button" class="btn btn-success" id="runButton">Run</button>
</div>
</body>
</html>

5
frontend/src/app.ts
View File

@ -69,7 +69,10 @@ term.onData((data) =>
socket.send(JSON.stringify({ event: "terminalInput", input: data }))
);
const editor = monaco.editor.create(document.getElementById("editor"));
const editor = monaco.editor.create(document.getElementById("editor"), {
minimap: { enabled: false },
scrollbar: { verticalScrollbarSize: 0 },
});
window.addEventListener("resize", () => editor.layout());
document.getElementById("runButton").addEventListener("click", () => {

10
frontend/styles/app.css
View File

@ -3,18 +3,14 @@ body {
height: 100vh;
}
#header {
height: 50px;
padding: 5px;
}
#runButton {
position: absolute;
left: 50%;
top: 25px;
right: calc(50% + 25px);
}
#app {
height: calc(100% - 50px);
height: 100%;
}
.column {