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

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-02-14 19:29:16 +01:00
parent 3639d32094
commit 54a6d3faf0
1 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/routes/market-flow/+page.svelte
View File

@ -516,6 +516,7 @@
id={"marketTideInfo"} id={"marketTideInfo"}
/> />
</div> </div>
<!--
<div <div
class="mt-5 mb-4 flex flex-col divide-y divide-gray-600 rounded-md border border-gray-600 sm:grid sm:grid-cols-4 sm:divide-x sm:divide-y-0" class="mt-5 mb-4 flex flex-col divide-y divide-gray-600 rounded-md border border-gray-600 sm:grid sm:grid-cols-4 sm:divide-x sm:divide-y-0"
> >
@ -579,6 +580,69 @@
</div> </div>
</div> </div>
</div> </div>
-->
<div class="text-white text-sm italic mb-3">
Last Updated: {formatDate(
findLastNonNull(marketTideData, "time"),
)}
</div>
<div
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6"
>
<div
class="bg-gray-800/30 rounded-lg p-4 sm:hover:bg-gray-800/40 transition-colors"
>
<div class="text-[#c3c6d0] text-sm mb-2 flex items-center">
<span>Volume</span>
<span class="ml-1 text-yellow-400">●</span>
</div>
<div class="flex items-baseline">
<span class="text-2xl font-bold text-white">
{@html abbreviateNumberWithColor(
findLastNonNull(marketTideData, "net_volume"),
false,
true,
)}</span
>
</div>
</div>
<div
class="bg-gray-800/30 rounded-lg p-4 sm:hover:bg-gray-800/40 transition-colors"
>
<div class="text-[#c3c6d0] text-sm mb-2 flex items-center">
<span>Net Call Prem</span>
<span class="ml-1 text-green-500">●</span>
</div>
<div class="flex items-baseline">
<span class="text-2xl font-bold text-white"
>{@html abbreviateNumberWithColor(
findLastNonNull(marketTideData, "net_call_premium"),
false,
true,
)}</span
>
</div>
</div>
<div
class="bg-gray-800/30 rounded-lg p-4 sm:hover:bg-gray-800/40 transition-colors"
>
<div class="text-[#c3c6d0] text-sm mb-2 flex items-center">
<span>Net Put Prem</span>
<span class="ml-1 text-red-400">●</span>
</div>
<div class="flex items-baseline">
<span class="text-2xl font-bold text-white"
>{@html abbreviateNumberWithColor(
findLastNonNull(marketTideData, "net_put_premium"),
false,
true,
)}</span
>
</div>
</div>
</div>
<div class="pb-8 sm:pb-2 rounded border border-gray-600"> <div class="pb-8 sm:pb-2 rounded border border-gray-600">
<div class="app w-full h-[300px] mt-5"> <div class="app w-full h-[300px] mt-5">