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

fix table

Browse Source
This commit is contained in:
MuslemRahimi 2024-06-11 18:07:34 +02:00
parent b586aeebc2
commit df501555a5
4 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/AnalystEstimate.svelte
View File

@ -292,9 +292,9 @@ $: {
<table class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F]">
<thead class="">
<tr class="">
<th class="bg-[#0F0F0F] border-b border-[#000] shadow-md text-white font-medium text-sm text-start">Year</th>
<th class="bg-[#0F0F0F] border-b border-[#000] text-white font-semibold text-sm text-start">Year</th>
{#each ($screenWidth >= 640 ? xData?.slice(-6) : xData) as item}
<td class="z-20 bg-[#0F0F0F] border-b border-[#000] shadow-md text-white font-medium text-sm text-center bg-[#0F0F0F]">{'FY'+item}</td>
<td class="z-20 bg-[#0F0F0F] border-b border-[#000] text-white font-semibold text-sm text-center bg-[#0F0F0F]">{'FY'+item}</td>
{/each}
</tr>
@ -314,11 +314,11 @@ $: {
</tr>
<tr class="bg-[#0F0F0F] border-b-[#0F0F0F]">
<th class="text-white text-start font-medium bg-[#0F0F0F] border-b border-[#0F0F0F]">
<th class="bg-[#202020] text-white text-start font-medium bg-[#0F0F0F] border-b border-[#0F0F0F]">
Actual
</th>
{#each ($screenWidth >= 640 ? tableDataActual?.slice(-6) : tableDataActual) as item}
<td class="text-white text-center font-medium border-b border-[#0F0F0F]">
<td class="text-white text-center font-medium bg-[#202020]">
{(item?.val === '0.00' || item?.val === null) ? '-' : item?.val}
</td>
{/each}

12
src/lib/components/ShareHolders.svelte
View File

@ -235,25 +235,25 @@ $: {
<tbody>
{#each (showFullStats ? shareholderList?.slice(0,10) : shareholderList?.slice(0,3)) as item,index}
{#if item?.investorName?.length > 0}
<tr on:click={() => goto('/hedge-funds/'+item?.cik)} class="{index === 2 && !showFullStats && shareholderList?.length > 3 ? 'opacity-[0.5]' : '' } sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer">
<tr on:click={() => goto('/hedge-funds/'+item?.cik)} class="border-y border-gray-800 odd:bg-[#202020] {index === 2 && !showFullStats && shareholderList?.length > 3 ? 'opacity-[0.5]' : '' } sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer">
<td class="text-white font-medium border-b border-[#0F0F0F]">
<td class="text-white font-medium">
{item?.investorName?.length > charNumber ? formatString(item?.investorName?.slice(0,charNumber)) + "..." : formatString(item?.investorName)}
</td>
<td class="text-white text-center font-medium border-b border-[#0F0F0F]">
<td class="text-white text-center font-medium">
{item?.ownership <= 0.01 ? "< 0.01%" : item?.ownership?.toFixed(2)+'%'}
</td>
<td class="text-white text-end hidden sm:table-cell font-medium border-b border-[#0F0F0F]">
<td class="text-white text-end hidden sm:table-cell font-medium">
{item?.sharesNumber !== null ? abbreviateNumber(item?.sharesNumber) : '-'}
</td>
<td class="text-white text-end hidden sm:table-cell font-medium border-b border-[#0F0F0F] ">
<td class="text-white text-end hidden sm:table-cell font-medium ">
{item?.marketValue !== null ? "$" + abbreviateNumber(item?.marketValue) : '-'}
</td>
<td class="text-white text-end font-medium border-b border-[#0F0F0F]">
<td class="text-white text-end font-medium">
{item?.weight <= 0.01 ? "< 0.01%" : item?.weight?.toFixed(2)+'%'}
</td>

12
src/lib/components/SignalBar.svelte
View File

@ -6,7 +6,7 @@ export let signal;
{#if signal === 'Strong Buy'}
<div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end">
<div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div>
@ -17,7 +17,7 @@ export let signal;
{:else if signal === 'Buy'}
<div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end">
<div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div>
@ -27,7 +27,7 @@ export let signal;
</div>
{:else if signal === 'Neutral'}
<div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end">
<div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#F8901E] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#F8901E] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#F8901E] mr-0.5 h-3.5 w-1.5"></div>
@ -37,7 +37,7 @@ export let signal;
</div>
{:else if signal === 'Sell'}
<div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end">
<div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#FF2F1F] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>
@ -47,7 +47,7 @@ export let signal;
</div>
{:else if signal === 'Strong Sell'}
<div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end">
<div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>
@ -57,7 +57,7 @@ export let signal;
</div>
{:else}
<div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end">
<div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#707070] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>

12
src/lib/components/TARating.svelte
View File

@ -111,20 +111,20 @@ $: {
<!-- head -->
<thead>
<tr>
<th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Name</th>
<th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Value</th>
<th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Signal</th>
<th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold">Name</th>
<th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold text-end">Value</th>
<th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold text-end">Signal</th>
</tr>
</thead>
<tbody>
{#each (showFullStats ? signalList : signalList?.slice(0, 3)) as item,index}
<tr class="border-b border-[#202020] sm:border-[#0F0F0F] {index === 2 && !showFullStats && signalList?.length > 2 ? 'opacity-[0.3]' : '' }">
<tr class="border-y border-gray-800 odd:bg-[#202020] {index === 2 && !showFullStats && signalList?.length > 2 ? 'opacity-[0.3]' : '' }">
<td class="text-white text-sm w-1/2 sm:w-full">
{item?.name}
</td>
<td class="text-white">
<span class="text-white text-sm">
<td class="text-white text-end">
<span class="text-white text-md font-medium">
{item?.value}
</span>
</td>