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-10-22 23:37:24 +02:00
parent 9ca0e51b3c
commit ab7e99881a
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -105,7 +105,7 @@
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" 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 <table
class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]"
> >
<thead> <thead>
<tr> <tr>
@ -114,13 +114,13 @@
>Quarter</th >Quarter</th
> >
{#each xData as item} {#each xData as item}
<td <th
class="z-20 bg-[#09090B] border-b border-[#09090B] text-white font-semibold text-sm text-center bg-[#09090B]" class="z-20 bg-[#09090B] border-b border-[#09090B] text-white font-semibold text-sm text-center bg-[#09090B]"
>{new Date(item ?? null)?.toLocaleString("en-US", { >{new Date(item ?? null)?.toLocaleString("en-US", {
month: "short", month: "short",
day: "numeric", day: "numeric",
year: "numeric", year: "numeric",
})}</td })}</th
> >
{/each} {/each}
</tr> </tr>
@ -151,11 +151,11 @@
{/each} {/each}
</tr> </tr>
<tr class="bg-[#09090B] border-b-[#09090B]"> <tr class="bg-[#09090B] border-b-[#09090B]">
<th <td
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#09090B] border-b border-[#09090B]" class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#09090B] border-b border-[#09090B]"
> >
<span class="ml-2">{name} Revenue Growth</span> <span class="ml-2">{name} Revenue Growth</span>
</th> </td>
{#each growthValues[index] as growthValue} {#each growthValues[index] as growthValue}
<td <td
class="text-sm sm:text-[1rem] text-end {growthValue > 0 class="text-sm sm:text-[1rem] text-end {growthValue > 0
@ -184,7 +184,7 @@
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" 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 <table
class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]" class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]"
> >
<thead> <thead>
<tr> <tr>
@ -193,13 +193,13 @@
>Quarter</th >Quarter</th
> >
{#each geographicXData as item} {#each geographicXData as item}
<td <th
class="z-20 bg-[#09090B] border-b border-[#09090B] text-white font-semibold text-sm text-center bg-[#09090B]" class="z-20 bg-[#09090B] border-b border-[#09090B] text-white font-semibold text-sm text-center bg-[#09090B]"
>{new Date(item ?? null)?.toLocaleString("en-US", { >{new Date(item ?? null)?.toLocaleString("en-US", {
month: "short", month: "short",
day: "numeric", day: "numeric",
year: "numeric", year: "numeric",
})}</td })}</th
> >
{/each} {/each}
</tr> </tr>
@ -214,21 +214,21 @@
>{name} Revenue</th >{name} Revenue</th
> >
{#each geographiCategoryValues[index] as value} {#each geographiCategoryValues[index] as value}
<td <th
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#09090B]" class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#09090B]"
> >
{value !== null && value !== 0 && value !== undefined {value !== null && value !== 0 && value !== undefined
? abbreviateNumber(value) ? abbreviateNumber(value)
: "-"} : "-"}
</td> </th>
{/each} {/each}
</tr> </tr>
<tr class="bg-[#09090B] border-b-[#09090B]"> <tr class="bg-[#09090B] border-b-[#09090B]">
<th <td
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#09090B] border-b border-[#09090B]" class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#09090B] border-b border-[#09090B]"
> >
<span class="ml-2">{name} Revenue Growth</span> <span class="ml-2">{name} Revenue Growth</span>
</th> </td>
{#each geographicGrowthValues[index] as growthValue} {#each geographicGrowthValues[index] as growthValue}
<td <td
class="text-sm sm:text-[1rem] text-end {growthValue > class="text-sm sm:text-[1rem] text-end {growthValue >