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 2024-11-10 15:20:06 +01:00
parent 7bd2abb8f0
commit bc6e7da883
2 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/DividendCard.svelte
View File

@ -24,7 +24,7 @@
: 'hidden'}" : 'hidden'}"
> >
<div <div
class="sm:rounded-lg shadow-lg bg-[#000] lg:bg-[#09090B] lg:border lg:border-slate-800 h-auto {$screenWidth <= class="sm:rounded-md shadow-lg bg-[#000] lg:bg-[#09090B] lg:border lg:border-slate-800 h-auto {$screenWidth <=
800 800
? 'w-screen pt-16' ? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px]" : ''} md:w-[420px] xl:w-[450px]"
@ -96,9 +96,9 @@
<label <label
for="dividendModal" for="dividendModal"
on:click={() => goto(`/etf/${$etfTicker}/dividends`)} on:click={() => goto(`/etf/${$etfTicker}/dividends`)}
class="rounded-lg cursor-pointer w-11/12 md:w-3/4 lg:w-11/12 py-2 h-full mt-8 lg:mt-6 text-[1rem] text-center font-semibold text-white m-auto sm:hover:bg-gray-300 bg-[#fff] transition duration-100 ease-in" class="rounded-md cursor-pointer w-11/12 md:w-3/4 lg:w-11/12 py-2 h-full mt-8 lg:mt-6 text-[1rem] text-center font-semibold text-black m-auto sm:hover:bg-gray-300 bg-[#fff] transition duration-100 ease-in"
> >
View Dividend History Dividend History
</label> </label>
{:else} {:else}
<h2 <h2

15
src/lib/components/TopHoldingCard.svelte
View File

@ -71,10 +71,7 @@
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]"
>Company</th >Company</th
> >
<th
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]"
>Market Value</th
>
<th <th
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]"
>Portfolio</th >Portfolio</th
@ -119,12 +116,6 @@
</div> </div>
</td> </td>
<td class="text-white text-end font-semibold">
{item?.marketValue !== null
? abbreviateNumber(item?.marketValue, true)
: "-"}
</td>
<td class="text-white font-semibold text-end"> <td class="text-white font-semibold text-end">
{abbreviateNumber(item?.weightPercentage?.toFixed(2))}% {abbreviateNumber(item?.weightPercentage?.toFixed(2))}%
</td> </td>
@ -138,9 +129,9 @@
<label <label
for="topHoldingModal" for="topHoldingModal"
on:click={() => goto(`/etf/${$etfTicker}/holdings`)} on:click={() => goto(`/etf/${$etfTicker}/holdings`)}
class="rounded-lg cursor-pointer w-11/12 md:w-3/4 lg:w-11/12 py-2 h-full mt-8 lg:mt-6 text-[1rem] text-center font-semibold text-white m-auto sm:hover:bg-gray-300 bg-[#fff] transition duration-100 ease-in" class="rounded-md cursor-pointer w-11/12 md:w-3/4 lg:w-11/12 py-2 h-full mt-8 lg:mt-6 text-[1rem] text-center font-semibold text-black m-auto sm:hover:bg-gray-300 bg-[#fff] transition duration-100 ease-in"
> >
View All Holdings All Holdings
</label> </label>
{:else} {:else}
<h2 <h2