seasharp/basicswap_miserver
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #61 from nahuhh/gui_tweak_2

Browse Source 
ui: offers: rate fix, color change, text size
This commit is contained in:
Gerlof van Ek 2024-03-03 16:22:56 +01:00 committed by GitHub
commit 650aa9d72f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
basicswap/templates/offers.html
View File

@ -737,14 +737,14 @@ const chart = new Chart(ctx, {
{% endif %} {% endif %}
<div class="w-full md:w-auto p-1.5"> <div class="w-full md:w-auto p-1.5">
<div class="relative"> <div class="relative">
<button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-500 hover:bg-green-600 hover:border-green-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">{{ filter_clear_svg | safe }} <button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-gray-400 hover:bg-green-600 hover:border-green-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">{{ filter_clear_svg | safe }}
<span>Clear</span> <span>Clear</span>
</button> </button>
</div> <!-- todo --> </div> <!-- todo -->
</div> </div>
<div class="w-full md:w-auto p-1.5"> <div class="w-full md:w-auto p-1.5">
<div class="relative"> <div class="relative">
<button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-500 hover:bg-green-600 hover:border-green-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">{{ filter_apply_svg | safe }} <button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white bg-blue-600 hover:bg-green-600 hover:border-green-600 rounded-lg transition duration-200 border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">{{ filter_apply_svg | safe }}
<span>Apply Filters</span> <span>Apply Filters</span>
</button> </button>
</div> </div>
@ -764,38 +764,38 @@ const chart = new Chart(ctx, {
<tr> <tr>
<th class="p-0"> <th class="p-0">
<div class="py-3 px-4 justify-center rounded-tl-xl bg-coolGray-200 dark:bg-gray-600 "> <div class="py-3 px-4 justify-center rounded-tl-xl bg-coolGray-200 dark:bg-gray-600 ">
<span class="text-xs mr-3 text-gray-600 dark:text-gray-300 font-semibold">Time</span> <span class="text-sm mr-3 text-gray-600 dark:text-gray-300 font-semibold">Time</span>
</div> </div>
</th> </th>
<!--<th>ID</th>--> <!--<th>ID</th>-->
<th class="p-0 hidden xl:block"> <th class="p-0 hidden xl:block">
<div class="py-3 px-0 bg-coolGray-200 dark:bg-gray-600 text-left"> <div class="py-3 px-0 bg-coolGray-200 dark:bg-gray-600 text-left">
<span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Recipient</span> <span class="text-sm text-gray-600 dark:text-gray-300 font-semibold">Recipient</span>
</div> </div>
</th> </th>
<th class="p-0 hidden"> <th class="p-0 hidden">
<div class="py-3 px-4 bg-coolGray-200 dark:bg-gray-600 text-left"> <div class="py-3 px-4 bg-coolGray-200 dark:bg-gray-600 text-left">
<span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">You Send</span> <span class="text-sm text-gray-600 dark:text-gray-300 font-semibold">You Send</span>
</div> </div>
</th> </th>
<th class="p-0"> <th class="p-0">
<div class="py-3 px-0 bg-coolGray-200 dark:bg-gray-600 text-center"> <div class="py-3 px-0 bg-coolGray-200 dark:bg-gray-600 text-center">
<span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Amount</span> <span class="text-sm text-gray-600 dark:text-gray-300 font-semibold">Swap</span>
</div> </div>
</th> </th>
<th class="p-0"> <th class="p-0">
<div class="py-3 px-3 bg-coolGray-200 dark:bg-gray-600 text-left"> <div class="py-3 px-3 bg-coolGray-200 dark:bg-gray-600 text-left">
<span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Rate</span> <span class="text-sm text-gray-600 dark:text-gray-300 font-semibold">Rate</span>
</div> </div>
</th> </th>
<th class="p-0"> <th class="p-0">
<div class="py-3 px-4 bg-coolGray-200 dark:bg-gray-600 text-center"> <div class="py-3 px-4 bg-coolGray-200 dark:bg-gray-600 text-center">
<span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Slippage</span> <span class="text-sm text-gray-600 dark:text-gray-300 font-semibold">Market +/-</span>
</div> </div>
</th> </th>
<th class="p-0"> <th class="p-0">
<div class="py-3 px-4 bg-coolGray-200 dark:bg-gray-600 rounded-tr-xl"> <div class="py-3 px-4 bg-coolGray-200 dark:bg-gray-600 rounded-tr-xl">
<span class="text-xs text-gray-600 dark:text-gray-300 font-semibold">Trade</span> <span class="text-sm text-gray-600 dark:text-gray-300 font-semibold">Trade</span>
</div> </div>
</th> </th>
</tr> </tr>
@ -856,8 +856,8 @@ const chart = new Chart(ctx, {
{{ o[3] }} {{ o[3] }}
</div> </div>
<div class="ratetype hidden"><span class="echange-rates" data-coinname="{{ o[3] }}"> {{ o[6]|truncate(6,true,'',0) }} {{ o[16] }}/{{ o[17] }}</span> <div class="ratetype hidden"><span class="echange-rates" data-coinname="{{ o[3] }}"> {{ o[6]|truncate(6,true,'',0) }} {{ o[16] }}/{{ o[17] }}</span>
<div class="coinname-value hidden" data-coinname="{{ o[3] }}"> <div class="coinname-value hidden" data-coinname="{{ o[2] }}">
{{ o[5]|truncate(6, true, '', 0) }} {{ o[4]|truncate(6, true, '', 0) }}
</div> </div>
<div class="usd-value hidden"></div> <div class="usd-value hidden"></div>
<div class="usd-value-in-coin-value"></div> <div class="usd-value-in-coin-value"></div>
@ -921,8 +921,8 @@ const chart = new Chart(ctx, {
<span class="echange-rates" data-coinname="{{ o[2] }}"> <span class="echange-rates" data-coinname="{{ o[2] }}">
{{ o[6]|truncate(6,true,'',0) }} {{ o[17] }}/{{ o[16] }} {{ o[6]|truncate(6,true,'',0) }} {{ o[17] }}/{{ o[16] }}
</span> </span>
<div class="coinname-value hidden" data-coinname="{{ o[2] }}"> <div class="coinname-value hidden" data-coinname="{{ o[3] }}">
{{ o[4]|truncate(7, true, '', 0) }} {{ o[5]|truncate(7, true, '', 0) }}
</div> </div>
<div class="usd-value hidden"></div> <div class="usd-value hidden"></div>
<div class="usd-value-in-coin-value"></div> <div class="usd-value-in-coin-value"></div>
@ -1016,7 +1016,7 @@ const chart = new Chart(ctx, {
<!-- SWAP OR EDIT --> <!-- SWAP OR EDIT -->
<td class="py-6 px-4 text-center"> <td class="py-6 px-4 text-center">
<div class="flex justify-center items-center h-full"> <div class="flex justify-center items-center h-full">
<a class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md {% if o[9]==true %} bg-green-600 border-green:600 text-white hover:bg-green-600 dark:border-green-600 transition duration-200 {% else %} bg-blue-500 text-white hover:bg-green-600 transition duration-200 {% endif %}" href="/offer/{{ o[1] }}"> <a class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md {% if o[9]==true %} bg-gray-600 border-green:600 text-white hover:bg-green-600 dark:border-green-600 transition duration-200 {% else %} bg-blue-500 text-white hover:bg-green-600 transition duration-200 {% endif %}" href="/offer/{{ o[1] }}">
{% if o[9]==true %} Edit {% else %} Swap {% endif %} {% if o[9]==true %} Edit {% else %} Swap {% endif %}
</a> </a>
</div> </div>