Selaa lähdekoodia

* Better layout

Michaël Van Canneyt 3 vuotta sitten
vanhempi
commit
78a0bfaccf
1 muutettua tiedostoa jossa 20 lisäystä ja 14 poistoa
  1. 20 14
      demo/ts2pas/index.html

+ 20 - 14
demo/ts2pas/index.html

@@ -1,4 +1,5 @@
 
 
+
 <!doctype html>
 <!doctype html>
 <html lang="en">
 <html lang="en">
 <head>
 <head>
@@ -6,28 +7,34 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Convert definitelytyped Typescript module to Pascal</title>
   <title>Convert definitelytyped Typescript module to Pascal</title>
   <link rel="stylesheet" href="bulma.min.css">
   <link rel="stylesheet" href="bulma.min.css">
+  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"> -->
   <script src="convcgi.cgi/list/"></script>
   <script src="convcgi.cgi/list/"></script>
   <script src="convert.js"></script>
   <script src="convert.js"></script>
 </head>
 </head>
 <body>
 <body>
   <div class="section pb-4">
   <div class="section pb-4">
     <h1 class="title is-3">Convert typescript to Pas2JS import</h1>
     <h1 class="title is-3">Convert typescript to Pas2JS import</h1>
-    <div class="dropdown">
-      <div class="dropdown-trigger">
-        <input id="edtfilename" class="input is-info" type="text" placeholder="Enter file name" aria-haspopup="true" aria-controls="file-menu">
-      </div>
-      <button id="btnGo" class="button is-info">Go!</button>
-      <div class="dropdown-menu" id="file-menu" role="menu" />
+    <div class="columns">
+      <!-- file name input -->
+      <div class="column is-one-quarter">
+        <div>File Name:</div>
+        <div class="dropdown">
+          <div class="dropdown-trigger">
+            <input id="edtfilename" class="input is-info" type="text" placeholder="Enter file name" aria-haspopup="true" aria-controls="file-menu">
+          </div>
+          <button id="btnGo" class="button is-info">Go!</button>
+          <div class="dropdown-menu" id="file-menu" role="menu">
+          </div>
+        </div>
       </div>
       </div>
+      <!-- unit name input -->
+      <label class="column is-one-quarter">
+        Unit Name:
+        <input id="edtunitname" class="input is-info" type="text" placeholder="Enter unit name (optional)" aria-haspopup="true" aria-controls="file-menu">
+      </label>
     </div>
     </div>
     <!-- checkboxes -->
     <!-- checkboxes -->
     <div class="block mt-5">
     <div class="block mt-5">
-      <div class="columns">
-        <label class="column is-one-quarter">
-          Unit name:
-        <input id="edtunitname" class="input is-info" type="text" placeholder="Enter unit name" aria-haspopup="true" aria-controls="file-menu">
-        </label>
-      </div>
       <div class="columns">
       <div class="columns">
         <label class="column is-one-quarter checkbox">
         <label class="column is-one-quarter checkbox">
           <input type="checkbox" id="coGenericArrays"> Use generic arrays
           <input type="checkbox" id="coGenericArrays"> Use generic arrays
@@ -78,8 +85,7 @@
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
-  <!-- <hr> -->
-  <div class="section">
+  <div class="section pt-5">
     <h5 class="title is-5">Output</h5>
     <h5 class="title is-5">Output</h5>
     <textarea id="edtSource" rows=40 cols=132></textarea>
     <textarea id="edtSource" rows=40 cols=132></textarea>
   </div>
   </div>