Add "run" button

2020-06-06 15:01:53 -06:00 · 2020-06-06 15:01:53 -06:00 · 27ab1f7b6a
parent c66cf63f3d
commit 27ab1f7b6a
2 changed files with 27 additions and 2 deletions
--- a/frontend/pages/app.html
+++ b/frontend/pages/app.html
@ -3,11 +3,22 @@
  <head>
    <meta charset="utf-8" />
    <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" />
    <script src="/js/app.js" async defer></script>
  </head>
  <body>
-    <div id="editor" class="column"></div>
-    <div id="terminal" class="column"></div>
+    <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>
+    </div>
  </body>
 </html>
--- a/frontend/styles/app.css
+++ b/frontend/styles/app.css
@ -3,6 +3,20 @@ body {
  height: 100vh;
 }

+#header {
+  height: 50px;
+  padding: 5px;
+}
+
+#runButton {
+  position: absolute;
+  left: 50%;
+}
+
+#app {
+  height: calc(100% - 50px);
+}
+
 .column {
  width: 50%;
  height: 100%;