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

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-04-06 13:52:45 +02:00
parent 3317dd6e34
commit 186ec6ac81
3 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/routes/etf/[tickerID]/+page.svelte
View File

@ -780,7 +780,7 @@
>Bid</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{$wsBidPrice !== 0 && $wsBidPrice !== null
? $wsBidPrice
: (data?.getStockQuote?.bid ?? "-")}</td
@ -793,7 +793,7 @@
>Market Cap</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{abbreviateNumber(data?.getStockQuote?.marketCap)}</td
></tr
>
@ -804,7 +804,7 @@
>AUM</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.aum !== null
? abbreviateNumber(stockDeck?.aum)
: "n/a"}</td
@ -817,7 +817,7 @@
>NAV</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.nav !== null
? abbreviateNumber(stockDeck?.nav)
: "n/a"}</td
@ -831,7 +831,7 @@
>EPS (ttm)</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.eps !== null
? data?.getStockQuote?.eps?.toFixed(2)
: "n/a"}</td
@ -844,7 +844,7 @@
>PE Ratio (ttm)</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.pe !== null
? data?.getStockQuote?.pe?.toFixed(2)
: "n/a"}</td
@ -858,7 +858,7 @@
>Shares Out
</td>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.sharesOutstanding !== null
? abbreviateNumber(
data?.getStockQuote?.sharesOutstanding,
@ -873,7 +873,7 @@
>Inception Date</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.inceptionDate !== null
? new Date(stockDeck?.inceptionDate)?.toLocaleString(
"en-US",
@ -898,7 +898,7 @@
>Ask</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{$wsAskPrice !== 0 && $wsAskPrice !== null
? $wsAskPrice
: (data?.getStockQuote?.ask ?? "-")}</td
@ -911,7 +911,7 @@
>Volume</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{abbreviateNumber(data?.getStockQuote?.volume)}</td
></tr
>
@ -922,7 +922,7 @@
>Open</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.open?.toFixed(2)}</td
></tr
>
@ -933,7 +933,7 @@
>Previous Close</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.previousClose?.toFixed(2)}</td
></tr
>
@ -944,7 +944,7 @@
>Day's Range</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(
2,
)}</td
@ -957,7 +957,7 @@
>52-Week Range</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(
2,
)}</td
@ -971,7 +971,7 @@
>Holdings
</td>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.holdingsCount !== null
? abbreviateNumber(stockDeck?.holdingsCount)
: "n/a"}</td
@ -984,7 +984,7 @@
>Expense Ratio</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.expenseRatio !== null
? stockDeck?.expenseRatio?.toFixed(2) + "%"
: "n/a"}</td

12
src/routes/index/[tickerID]/+page.svelte
View File

@ -706,11 +706,11 @@
<div class="sm:pl-7 mt-4 mb-5 lg:flex lg:flex-row lg:gap-x-4 w-full">
{#if dataMapping[displayData]?.length === 0}
<div
class="order-1 lg:order-5 m-auto grow overflow-hidden border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b"
class="order-1 lg:order-5 m-auto grow overflow-hidden border-gray-300 dark:border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b"
>
<div class="h-[250px] sm:h-[350px]">
<div
class="flex h-full w-full flex-col items-center justify-center rounded-sm border border-gray-800 p-6 text-center md:p-12"
class="flex h-full w-full flex-col items-center justify-center rounded-sm border border-gray-300 dark:border-gray-800 p-6 text-center md:p-12"
>
<div class="mb-4 text-[1rem] sm:text-xl font-semibold">
No {displayData} chart data available
@ -720,7 +720,7 @@
</div>
{:else}
<div
class="order-1 lg:order-5 grow overflow-hidden border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b"
class="order-1 lg:order-5 grow overflow-hidden border-gray-300 dark:border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b"
>
<div class="flex items-center justify-between py-1 sm:pt-0.5">
<div class="hide-scroll overflow-x-auto">
@ -752,14 +752,12 @@
<span
class={displayLegend?.graphChange >= 0
? "before:content-['+'] text-green-800 dark:text-[#00FC50]"
: "text-[#FF2F1F]"}
: "text-red-800 dark:text-[#FF2F1F]"}
>
{displayLegend?.graphChange ??
data?.getStockQuote?.changesPercentage?.toFixed(2)}%
</span>
<span class="hidden text-gray-200 sm:block"
>({displayData})</span
>
<span class="hidden sm:block">({displayData})</span>
</div>
</div>

2
src/routes/stocks/[tickerID]/+page.svelte
View File

@ -786,7 +786,7 @@
>Bid</td
>
<td
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
class="whitespace-nowrap px-0.5 py-[1px] text-left text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{$wsBidPrice !== 0 && $wsBidPrice !== null
? $wsBidPrice
: ((data?.getStockQuote?.bid !== 0