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

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

@ -73,28 +73,28 @@ $: {
</div> </div>
{#if data?.user?.tier === 'Pro'} {#if data?.user?.tier === 'Pro'}
<!--Start Header--> <!--Start Header-->
<div role="tablist" class="-mt-2 w-11/12 sm:w-56"> <div role="tablist" class="-mt-2 w-11/12 sm:w-56">
<div class="flex flex-col items-center w-full"> <div class="flex flex-col items-center w-full">
<div class="tabs flex flex-row justify-start 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"> <label class="relative inline-flex cursor-pointer items-center">
<input type="checkbox" on:click={handleMode} checked={mode === 'bullish' ? false : true} class="peer sr-only" /> <input type="checkbox" on:click={handleMode} checked={mode === 'bullish' ? false : true} class="peer sr-only" />
<div <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="mr-2 z-10">Bull Case</span>
<span class="z-10 ml-4">Bear Case</span> <span class="z-10">Bear Case</span>
</div> </div>
</label> </label>
</div>
</div> </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"> <span class="text-gray-200 text-xs sm:text-[0.85rem] italic mt-6 sm:ml-auto">
Updated {rawData?.date} Updated {rawData?.date}
</span> </span>

22
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"> <th class="text-center bg-[#0F0F0F] text-white text-sm font-semibold">
Daily Traded Daily Traded
</th> </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"> <th class="text-end bg-[#0F0F0F] text-white text-sm font-semibold">
Sentiment Sentiment
</th> </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> </tr>
</thead> </thead>
<tbody> <tbody>
@ -203,17 +200,14 @@
{abbreviateNumber(item?.traded,true)} {abbreviateNumber(item?.traded,true)}
</td> </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"> <td class="text-end text-sm font-medium text-white">
{abbreviateNumber(item?.marketCap,true)} {item?.retailStrength}%
</td> </td>
<td class="text-end text-sm font-medium text-[#C6A755]"> <td class="text-end text-sm font-medium {item?.sentiment > 0 ? 'text-[#10DB06]' : 'text-[#E57C34]'}">
{abbreviateNumber(item?.netIncome,true)} {item?.sentiment > 0 ? 'Bullish' : 'Bearish'}
</td> </td>
</tr> </tr>