AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-26 02:09:30 +01:00
parent 0bf31ec7ef
commit f2bf32011f
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/lib/components/Options/ContractLookup.svelte
View File

@ -752,7 +752,9 @@
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm xs:px-1 sm:py-2 sm:text-right sm:text-[1rem]"
>{rawDataHistory?.at(0)?.implied_volatility || "n/a"}</td >{Math.floor(
rawDataHistory?.at(0)?.implied_volatility * 100,
) + "%" || "n/a"}</td
></tr ></tr
> >
@ -825,7 +827,10 @@
> >
{#each ["Vol/OI", "IV"] as item} {#each ["Vol/OI", "IV"] as item}
<label <label
on:click={() => (selectGraphType = item)} on:click={() => {
selectGraphType = item;
loadData();
}}
class="px-3 py-1.5 {selectGraphType === item class="px-3 py-1.5 {selectGraphType === item
? 'shadow-sm bg-gray-100 dark:bg-white text-black ' ? 'shadow-sm bg-gray-100 dark:bg-white text-black '
: 'shadow-sm text-opacity-[0.6] border border-gray-300 dark:border-gray-600'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer" : 'shadow-sm text-opacity-[0.6] border border-gray-300 dark:border-gray-600'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer"
@ -843,7 +848,9 @@
</div> </div>
{#if isLoaded && displayList?.length > 0} {#if isLoaded && displayList?.length > 0}
<div class="flex justify-start items-center m-auto cursor-normal"> <div
class="flex justify-start items-center m-auto overflow-x-auto cursor-normal"
>
<table <table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-white dark:bg-table border border-gray-300 dark:border-gray-800 m-auto mt-4" class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-white dark:bg-table border border-gray-300 dark:border-gray-800 m-auto mt-4"
> >
@ -930,13 +937,13 @@
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{abbreviateNumber(item?.total_premium, false, true)} {abbreviateNumber(item?.total_premium)}
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{abbreviateNumber(item?.gex, false, true)} {abbreviateNumber(item?.gex?.toFixed(2))}
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{abbreviateNumber(item?.dex, false, true)} {abbreviateNumber(item?.dex?.toFixed(2))}
</td> </td>
</tr> </tr>
{/each} {/each}