* Better layout

This commit is contained in:
Michaël Van Canneyt 2022-01-07 16:26:25 +01:00
parent 8964696f4d
commit 78a0bfaccf

View File

@ -1,4 +1,5 @@
<!doctype html>
<html lang="en">
<head>
@ -6,28 +7,34 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Convert definitelytyped Typescript module to Pascal</title>
<link rel="stylesheet" href="bulma.min.css">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> -->
<script src="convcgi.cgi/list/"></script>
<script src="convert.js"></script>
</head>
<body>
<div class="section pb-4">
<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>
<!-- 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>
<!-- checkboxes -->
<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">
<label class="column is-one-quarter checkbox">
<input type="checkbox" id="coGenericArrays"> Use generic arrays
@ -78,8 +85,7 @@
</div>
</div>
</div>
<!-- <hr> -->
<div class="section">
<div class="section pt-5">
<h5 class="title is-5">Output</h5>
<textarea id="edtSource" rows=40 cols=132></textarea>
</div>