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

Add "run" button

This commit is contained in:
Radon Rosborough 2020-06-06 15:01:53 -06:00
parent c66cf63f3d
commit 27ab1f7b6a
2 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/pages/app.html
View File

@ -3,11 +3,22 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Fast Sandbox</title> <title>Fast Sandbox</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="/css/app.css" /> <link rel="stylesheet" href="/css/app.css" />
<script src="/js/app.js" async defer></script> <script src="/js/app.js" async defer></script>
</head> </head>
<body> <body>
<div id="editor" class="column"></div> <div id="header">
<div id="terminal" class="column"></div> <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>
</div>
</body> </body>
</html> </html>

14
frontend/styles/app.css
View File

@ -3,6 +3,20 @@ body {
height: 100vh; height: 100vh;
} }
#header {
height: 50px;
padding: 5px;
}
#runButton {
position: absolute;
left: 50%;
}
#app {
height: calc(100% - 50px);
}
.column { .column {
width: 50%; width: 50%;
height: 100%; height: 100%;