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-06-16 19:35:24 +02:00
parent d9c35d070e
commit d4c5c54a7c
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/etf/etf-providers/+layout.svelte
View File

@ -107,7 +107,7 @@
<div class="w-full max-w-4xl m-auto mb-10 bg-[#0F0F0F] pl-3 pr-3 overflow-hidden">
<div class="w-full max-w-4xl m-auto mb-10 bg-[#0F0F0F] overflow-hidden">
<!--Start Top Winners/Losers-->

12
src/routes/etf/etf-providers/+page.svelte
View File

@ -61,17 +61,17 @@ let etfProviderList = data?.getAllETFProviders;
<table class="table rounded-none sm:rounded-md w-full border-bg-[#0F0F0F] m-auto mt-4 ">
<thead>
<tr class="border border-slate-800">
<th class="text-slate-200 font-bold text-[0.95rem]">Provider Name</th>
<th class="text-slate-200 font-bold text-center text-[0.95rem]">Total Assets</th>
<th class="text-slate-200 font-bold text-[0.95rem] text-end">Funds</th>
<th class="text-slate-200 font-bold hidden sm:table-cell text-[0.95rem] text-end">Avg. Cost</th>
<th class="text-slate-200 font-bold hidden sm:table-cell text-[0.95rem] text-end">Avg. Holdings</th>
<th class="text-slate-200 font-semibold text-[0.95rem]">Provider Name</th>
<th class="text-slate-200 font-semibold text-center text-[0.95rem]">Total Assets</th>
<th class="text-slate-200 font-semibold text-[0.95rem] text-end">Funds</th>
<th class="text-slate-200 font-semibold hidden sm:table-cell text-[0.95rem] text-end">Avg. Cost</th>
<th class="text-slate-200 font-semibold hidden sm:table-cell text-[0.95rem] text-end">Avg. Holdings</th>
</tr>
</thead>
<tbody>
{#each etfProviderList as item,index}
<!-- row -->
<tr on:click={() => goto("/etf/etf-providers/"+item?.etfProvider)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] {index % 2 === 0 ? 'bg-opacity-[0.25] bg-[#323239]' : 'bg-[#0F0F0F]'} border-b-[#0F0F0F] shake-ticker cursor-pointer">
<tr on:click={() => goto("/etf/etf-providers/"+item?.etfProvider)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#202020] border-b-[#0F0F0F] shake-ticker cursor-pointer">
<td class="text-blue-400 font-medium border-b-[#0F0F0F]">

6
src/routes/etf/etf-providers/[slug]/+page.svelte
View File

@ -87,7 +87,7 @@
</div>
{/if}
<div class="stats stats-horizontal bg-[#202020] shadow w-full rounded-lg">
<div class="stats stats-horizontal bg-[#202020] shadow w-full rounded-none sm:rounded-lg overflow-hidden">
<div class="stat">
<div class="stat-title text-white text-sm sm:text-lg font-semibold">Listed Funds</div>
@ -111,7 +111,7 @@
<!-- Page wrapper -->
<div class="flex justify-center w-full max-w-5xl m-auto h-full overflow-hidden">
<!-- Content area -->
<div class="relative flex flex-col flex-1 overflow-hidden">
<div class="relative flex flex-col flex-1 overflow-hidden pt-5">
<table class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full border-bg-[#0F0F0F] m-auto mt-4 ">
<thead>
@ -126,7 +126,7 @@
<tbody>
{#each etfProviderData as item,index}
<!-- row -->
<tr on:click={() => goto("/etf/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] {index % 2 === 0 ? 'bg-opacity-[0.25] bg-[#323239]' : 'bg-[#0F0F0F]'} border-b-[#0F0F0F] shake-ticker cursor-pointer">
<tr on:click={() => goto("/etf/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#202020] border-b-[#0F0F0F] shake-ticker cursor-pointer">
<td class="hidden sm:table-cell text-blue-400 font-medium border-b-[#0F0F0F]">
{item?.symbol}