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 2024-06-19 10:41:53 +02:00
parent b3acd33c24
commit 2a9fd12f3d
2 changed files with 26 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/lib/components/BullBearSay.svelte
View File

@ -73,28 +73,28 @@ $: {
</div>
{#if data?.user?.tier === 'Pro'}
<!--Start Header-->
<div role="tablist" class="-mt-2 w-11/12 sm:w-56">
<!--Start Header-->
<div role="tablist" class="-mt-2 w-11/12 sm:w-56">
<div class="flex flex-col items-center w-full">
<div class="tabs flex flex-row justify-start items-center w-full">
<label class="relative inline-flex cursor-pointer items-center">
<input type="checkbox" on:click={handleMode} checked={mode === 'bullish' ? false : true} class="peer sr-only" />
<div
class="peer flex h-8 items-center rounded-full px-5 bg-[#313131] after:absolute after:left-1 after: after:h-6 after:w-[85px] after:rounded-full {mode === 'bullish' ? 'after:bg-green-600' : 'after:bg-red-600'} after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-focus:outline-none text-sm font-semibold text-white"
>
<span class="mr-2 z-10">Bull Case</span>
<span class="z-10 ml-4">Bear Case</span>
</div>
</label>
<div class="flex flex-col items-center w-full">
<div class="tabs flex flex-row justify-start items-center w-full">
<label class="relative inline-flex cursor-pointer items-center">
<input type="checkbox" on:click={handleMode} checked={mode === 'bullish' ? false : true} class="peer sr-only" />
<div
class="peer flex h-8 items-center gap-4 rounded-full px-5 bg-[#313131] after:absolute after:left-1 after: after:h-6 after:w-[85px] after:rounded-full {mode === 'bullish' ? 'after:bg-green-600' : 'after:bg-red-600'} after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-focus:outline-none text-sm font-semibold text-white"
>
<span class="mr-2 z-10">Bull Case</span>
<span class="z-10">Bear Case</span>
</div>
</label>
</div>
</div>
</div>
<!--End Header-->
</div>
<!--End Header-->
<span class="text-gray-200 text-xs sm:text-[0.85rem] italic mt-6 sm:ml-auto">
Updated {rawData?.date}
</span>

24
src/routes/most-retail-volume/+page.svelte
View File

@ -166,15 +166,12 @@
<th class="text-center bg-[#0F0F0F] text-white text-sm font-semibold">
Daily Traded
</th>
<th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
Volume % of Retail Traders
</th>
<th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
Sentiment
</th>
<th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
Market Cap
</th>
<th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
Profits
</th>
</tr>
</thead>
<tbody>
@ -202,18 +199,15 @@
<td class="text-center text-sm font-medium text-white">
{abbreviateNumber(item?.traded,true)}
</td>
<td class="text-end text-sm font-medium text-white">
{item?.retailStrength}%
</td>
<td class="text-end text-sm font-medium {item?.sentiment > 0 ? 'text-[#10DB06]' : 'text-[#E57C34]'}">
{item?.sentiment > 0 ? 'Bullish' : 'Bearish'}
</td>
<td class="text-end text-sm font-medium text-white">
{abbreviateNumber(item?.marketCap,true)}
</td>
{item?.sentiment > 0 ? 'Bullish' : 'Bearish'}
</td>
<td class="text-end text-sm font-medium text-[#C6A755]">
{abbreviateNumber(item?.netIncome,true)}
</td>
</tr>