ui fix
This commit is contained in:
parent
0c95658f7f
commit
961fd08a54
@ -282,7 +282,7 @@ $: {
|
||||
|
||||
|
||||
|
||||
<div class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-scroll">
|
||||
<div class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-scroll pr-5 sm:pr-0">
|
||||
<table class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]">
|
||||
<thead class="">
|
||||
<tr class="">
|
||||
|
||||
@ -298,7 +298,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Date</span>
|
||||
</td>
|
||||
<td class="px-[5px] py-1.5 text-right text-sm sm:text-[1rem] font-medium xs:px-2.5 xs:py-2">
|
||||
<td class="px-[5px] py-1.5 text-right whitespace-nowrap font-medium xs:px-2.5 xs:py-2">
|
||||
{formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -281,7 +281,7 @@ $: {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Date</span>
|
||||
</td>
|
||||
<td class="px-[5px] py-1.5 text-sm sm:text-[1rem] text-right font-medium xs:px-2.5 xs:py-2">
|
||||
<td class="px-[5px] py-1.5 whitespace-nowrap text-right font-medium xs:px-2.5 xs:py-2">
|
||||
{ formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -261,7 +261,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
|
||||
{#if rawData?.length !== 0}
|
||||
|
||||
<div class="w-full flex flex-col items-start">
|
||||
<div class="text-white text-sm sm:text-[1rem] mt-2 mb-2 w-full">
|
||||
<div class="text-white text-[1rem] mt-2 mb-2 w-full">
|
||||
Over the past year, {$displayCompanyName} has seen a monthly average of
|
||||
<span class="font-semibold">{abbreviateNumber(avgFailToDeliver)}</span> fail to deliver shares.
|
||||
</div>
|
||||
@ -307,7 +307,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Date</span>
|
||||
</td>
|
||||
<td class="px-[5px] py-1.5 text-right text-sm sm:text-[1rem] font-medium xs:px-2.5 xs:py-2">
|
||||
<td class="px-[5px] py-1.5 text-right whitespace-nowrap font-medium xs:px-2.5 xs:py-2">
|
||||
{formatDateRange(rawData?.slice(-1)?.at(0)?.date)}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -299,7 +299,7 @@ else {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Date</span>
|
||||
</td>
|
||||
<td class="px-[5px] py-1.5 text-right text-sm sm:text-[1rem] font-medium xs:px-2.5 xs:py-2">
|
||||
<td class="px-[5px] py-1.5 text-right whitespace-nowrap font-medium xs:px-2.5 xs:py-2">
|
||||
{formatDateRange(historyData?.slice(-1)?.at(0)?.date)}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -321,7 +321,7 @@ $: {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Date</span>
|
||||
</td>
|
||||
<td class="px-[5px] text-sm sm:text-[1rem] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
|
||||
<td class="px-[5px] whitespace-nowrap py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
|
||||
{formatDateRange(rawData?.lastDate)}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@ -239,7 +239,7 @@ $: {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Short Interest</span>
|
||||
</td>
|
||||
<td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
|
||||
<td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
|
||||
{abbreviateNumber(rawData?.sharesShort)}
|
||||
</td>
|
||||
</tr>
|
||||
@ -247,7 +247,7 @@ $: {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Short Previous Month</span>
|
||||
</td>
|
||||
<td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
|
||||
<td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
|
||||
{abbreviateNumber(rawData?.sharesShortPriorMonth)}
|
||||
</td>
|
||||
</tr>
|
||||
@ -255,7 +255,7 @@ $: {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Short % of Shares Out</span>
|
||||
</td>
|
||||
<td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
|
||||
<td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
|
||||
{rawData?.shortOutStandingPercent}%
|
||||
</td>
|
||||
</tr>
|
||||
@ -263,7 +263,7 @@ $: {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Short % of Float</span>
|
||||
</td>
|
||||
<td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
|
||||
<td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
|
||||
{rawData?.shortFloatPercent}%
|
||||
</td>
|
||||
</tr>
|
||||
@ -271,7 +271,7 @@ $: {
|
||||
<td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2">
|
||||
<span>Short Ratio (days to cover)</span>
|
||||
</td>
|
||||
<td class="text-sm sm:text-[1rem] px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2">
|
||||
<td class="whitespace-nowrap px-[5px] py-1.5 text-right font-medium xs:px-2.5 xs:py-2">
|
||||
{rawData?.shortRatio}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user