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

bugfixing

Browse Source
This commit is contained in:
MuslemRahimi 2025-04-07 16:24:56 +02:00
parent 86d1982c2c
commit dc43d7fb13
3 changed files with 66 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -753,11 +753,11 @@
<div use:highcharts={config}></div>
{:else}
<div
class="flex justify-center w-full sm:w-[650px] h-[360px] items-center"
class="flex justify-center w-full sm:w-[650px] h-[300px] sm:h-[330px] items-center"
>
<div class="relative">
<label
class="bg-secondary rounded-md h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
class="shadow-sm bg-gray-300 dark:bg-secondary rounded h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
<span
class="loading loading-spinner loading-md text-muted dark:text-gray-400"

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

@ -191,11 +191,11 @@
// Loop through each point in the shared tooltip
this.points?.forEach((point) => {
tooltipContent += `<span class=" text-[1rem] font-[501]">${point.series.name}: ${point.y}</span><br>`;
tooltipContent += `<span class="text-white text-[1rem] font-[501]">${point.series.name}: ${point.y}</span><br>`;
});
// Append the formatted date at the end
tooltipContent += `<span class=" m-auto text-black text-sm font-normal">${formattedDate}</span><br>`;
tooltipContent += `<span class="text-white m-auto text-black text-sm font-normal">${formattedDate}</span><br>`;
return tooltipContent;
},
@ -703,22 +703,9 @@
<!--End Ticker Section-->
<!-- Start Graph -->
<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-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"
class="sm:pl-7 mt-4 mb-5 lg:flex lg:flex-row lg:gap-x-4 w-full min-h-[360px]"
>
<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-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
</div>
</div>
</div>
</div>
{:else}
<div
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"
>
@ -751,13 +738,15 @@
>
<span
class={displayLegend?.graphChange >= 0
? "before:content-['+'] text-green-800 dark:text-[#00FC50]"
: "text-red-800 dark:text-[#FF2F1F]"}
? "before:content-['+'] text-green-600 dark:text-[#00FC50]"
: "text-red-600 dark:text-[#FF2F1F]"}
>
{displayLegend?.graphChange ??
data?.getStockQuote?.changesPercentage?.toFixed(2)}%
</span>
<span class="hidden sm:block">({displayData})</span>
<span class="hidden text-muted dark:text-gray-200 sm:block"
>({displayData})</span
>
</div>
</div>
@ -765,7 +754,7 @@
<div use:highcharts={config}></div>
{:else}
<div
class="flex justify-center w-full sm:w-[650px] h-[350px] items-center"
class="flex justify-center w-full sm:w-[650px] h-[300px] sm:h-[330px] items-center"
>
<div class="relative">
<label
@ -779,7 +768,6 @@
</div>
{/if}
</div>
{/if}
<div
class="mt-10 lg:mt-0 order-5 lg:order-1 flex flex-row space-x-2 sm:space-x-3 xs:space-x-4"

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

@ -759,11 +759,11 @@
<div use:highcharts={config}></div>
{:else}
<div
class="flex justify-center w-full sm:w-[650px] h-[300px] sm:h-[360px] items-center"
class="flex justify-center w-full sm:w-[650px] h-[300px] sm:h-[330px] items-center"
>
<div class="relative">
<label
class="bg-secondary rounded-md h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
class="shadow-sm bg-gray-300 dark:bg-secondary rounded h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
>
<span
class="loading loading-spinner loading-md text-muted dark:text-gray-400"