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'}"
>
<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
? 'w-screen pt-16'
: ''} md:w-[420px] xl:w-[450px]"
@ -96,9 +96,9 @@
<label
for="dividendModal"
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>
{:else}
<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]"
>Company</th
>
<th
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]"
>Market Value</th
>
<th
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]"
>Portfolio</th
@ -119,12 +116,6 @@
</div>
</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">
{abbreviateNumber(item?.weightPercentage?.toFixed(2))}%
</td>
@ -138,9 +129,9 @@
<label
for="topHoldingModal"
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>
{:else}
<h2