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

update tables

Browse Source
This commit is contained in:
MuslemRahimi 2024-06-03 13:22:46 +02:00
parent 863c14b38e
commit 488a646a0a
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/routes/+page.svelte
View File

@ -397,9 +397,9 @@ onMount( async() => {
</div> </div>
<!--Start of Mode--> <!--Start of Mode-->
<table class="table table-sm table-pin-rows table-compact rounded-none sm:rounded-md bg-[#0F0F0F]"> <table class="table table-sm table-pin-rows table-compact rounded-none sm:rounded-lg bg-[#202020]">
<thead> <thead class="rounded-lg">
<tr class="shadow-md bg-[#0F0F0F]"> <tr class="bg-[#313131]">
<th class="text-white font-medium text-sm">Symbol</th> <th class="text-white font-medium text-sm">Symbol</th>
<th class="text-white font-medium text-sm">Name</th> <th class="text-white font-medium text-sm">Name</th>
<th class="text-white font-medium text-sm ">Market Cap</th> <th class="text-white font-medium text-sm ">Market Cap</th>
@ -407,25 +407,25 @@ onMount( async() => {
</tr> </tr>
</thead> </thead>
<tbody class="shadow-md"> <tbody>
{#each gainerLoserTickers as item} {#each gainerLoserTickers as item}
<tr on:click={() => goto("/stocks/"+item.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] border-b-[#0F0F0F] shake-ticker cursor-pointer"> <tr on:click={() => goto("/stocks/"+item.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] border-b-[#202020] shake-ticker cursor-pointer">
<td class="text-blue-400 border-b border-[#0F0F0F]"> <td class="text-blue-400 border-b border-[#202020]">
{item?.symbol} {item?.symbol}
</td> </td>
<td class="text-white border-b border-[#0F0F0F]"> <td class="text-white border-b border-[#202020]">
{item?.name?.length > 30 ? item?.name?.slice(0,30) + "..." : item?.name} {item?.name?.length > 30 ? item?.name?.slice(0,30) + "..." : item?.name}
</td> </td>
<td class="text-white border-b border-[#0F0F0F]"> <td class="text-white border-b border-[#202020]">
{item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'} {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'}
</td> </td>
<td class="text-white border-b border-[#0F0F0F]"> <td class="text-white border-b border-[#202020] font-semibold">
<div class="flex flex-row justify-end items-center"> <div class="flex flex-row justify-end items-center">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
@ -544,34 +544,34 @@ onMount( async() => {
</div> </div>
<table class="table table-sm table-compact table-pin-rows shadow-md rounded-none sm:rounded-md bg-[#0F0F0F]"> <table class="table table-sm table-compact table-pin-rows shadow-md rounded-none sm:rounded-lg bg-[#202020]">
<thead> <thead>
<tr class="shadow-md bg-[#0F0F0F]"> <tr class="bg-[#313131]">
<th class="text-white font-medium text-sm">Symbol</th> <th class="text-white font-semibold text-sm">Symbol</th>
<th class="text-white font-medium text-sm">Name</th> <th class="text-white font-semibold text-sm">Name</th>
<th class="text-white font-medium text-sm ">Volume</th> <th class="text-white font-semibold text-sm ">Volume</th>
<th class="text-white font-medium text-end text-sm">Today</th> <th class="text-white font-semibold text-end text-sm">Today</th>
</tr> </tr>
</thead> </thead>
<tbody class="shadow-md"> <tbody>
{#each active as item, index} {#each active as item, index}
<tr on:click={() => goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] border-b-[#0F0F0F] shake-ticker cursor-pointer"> <tr on:click={() => goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] border-b-[#202020] shake-ticker cursor-pointer">
<td class="text-blue-400 border-b border-[#0F0F0F]"> <td class="text-blue-400 border-b border-[#202020]">
{item?.symbol} {item?.symbol}
</td> </td>
<td class="text-white border-b border-[#0F0F0F]"> <td class="text-white border-b border-[#202020]">
{item?.name?.length > 30 ? item?.name?.slice(0,30) + "..." : item?.name} {item?.name?.length > 30 ? item?.name?.slice(0,30) + "..." : item?.name}
</td> </td>
<td class="text-white border-b border-[#0F0F0F]"> <td class="text-white border-b border-[#202020]">
{item?.volume !== null ? abbreviateNumber(item?.volume) : '-'} {item?.volume !== null ? abbreviateNumber(item?.volume) : '-'}
</td> </td>
<td class="text-white border-b border-[#0F0F0F] "> <td class="text-white border-b border-[#202020] font-semibold">
<div class="flex flex-row justify-end items-center"> <div class="flex flex-row justify-end items-center">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">