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

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

@ -81,10 +81,10 @@ $: {
<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"
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 ml-4">Bear Case</span>
<span class="z-10">Bear Case</span>
</div>
</label>

20
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>
@ -203,17 +200,14 @@
{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>
<td class="text-end text-sm font-medium text-[#C6A755]">
{abbreviateNumber(item?.netIncome,true)}
</td>
</tr>