ui: Expired flag colors + GUI updates/tweaks.

This commit is contained in:
gerlofvanek
2022-10-25 20:24:18 +02:00
parent 9da907aa1e
commit 65183133d8
5 changed files with 153 additions and 83 deletions

View File

@@ -51,30 +51,36 @@
<div class="flex flex-wrap items-center justify-between -m-2">
<div class="w-full pt-2">
<div class="container px-0 mx-auto mt-5">
<div class="container px-0 mx-auto mt-2">
<div class="overflow-x-auto relative border sm:rounded-lg">
<form method="post">
<form method="post" autocomplete="off">
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
<tr>
<th scope="col" class="py-3 px-6">Coins</th>
<th scope="col">Input</th>
<th scope="col" class="py-3 px-6">Select Option</th>
<th scope="col">RPC Console Input</th>
</tr>
</thead>
<tr class="bg-white border-t">
<td class="py-4 px-6 bold w-96">
<td class="py-4 px-6 w-1/3 bold">
<select class="pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-1/3 p-2.5" name="coin_type">
<div class="relative">
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
</svg>
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="coin_type">
<option value="-1" {% if coin_type==-1 %} selected{% endif %}>Select Coin</option>
{% for c in coins %}
<option value="{{ c[0] }}" {% if coin_type==c[0] %} selected{% endif %}>{{ c[1] }}</option>
{% endfor %}
</select>
</div>
</td>
<td class="py-4 w-96 pr-5"><input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 w-full focus:border-blue-500 block p-2.5" type="text" name="cmd"></td>
<td class="py-4 pr-5 w-2/3"><input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="cmd"></td>
</tr>
</table>
</div>
@@ -108,7 +114,7 @@
</thead>
<tr class="bg-white border-t hover:bg-gray-50">
<td class="py-4 pl-5 pr-5">
<textarea class="outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15">
<textarea class="wwhitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15">
{{ result }}
</textarea>
</td>
@@ -132,4 +138,4 @@
{% include 'footer.html' %}
</body>
</html>
</html>