<修改>(ide.html): 使用css库美化ide页面

daiweiwho · Apr 4, 2019 · 3ff3cba · 3ff3cba
1 parent b679d44
commit 3ff3cba
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/main/resources/templates/ide.html b/src/main/resources/templates/ide.html
@@ -3,14 +3,18 @@
 <head>
     <meta charset="UTF-8">
     <title>IDE</title>
+    <link href="https://cdn.bootcss.com/bttn.css/0.2.4/bttn.css" rel="stylesheet">
+    <link href="https://cdn.bootcss.com/bulma/0.7.4/css/bulma.css" rel="stylesheet">
 </head>
 <body>
 
 <div style="width:100%;text-align:center">
 <form action="/run" method="post">
-    <textarea id="myInput" name="source" rows="30" cols="180">${lastSource!}</textarea>
-    <br/>
-    <input type="submit" value="Run" />
+    <div class="control" style="width:70%;margin: 10px auto">
+        <textarea class="textarea is-success" id="myInput" name="source" rows="15" cols="180">${lastSource!}
+        </textarea>
+    </div>
+    <input class="bttn-simple bttn-md bttn-primary" type="submit" value="Run" />
     <script type="text/javascript">
         var myInput = document.getElementById("myInput");
         str = "    ";
@@ -49,7 +53,7 @@
 </form>
 </div>
 
-<div id="showRunResult" style="border:1px solid; padding: 3px; width:70%; margin-top:5px;
+<div id="showRunResult" style="border:1px solid; padding: 3px; width:70%; margin-top:10px;
 position:absolute;left:50%;transform:translate(-50%);">${runResult!}</div>
 
 </body>