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-12-08 12:33:20 +01:00
parent 396659808b
commit c951bda884
3 changed files with 14 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/lib/components/ETFSidecard.svelte
View File

@ -128,11 +128,7 @@
</div> </div>
{#if topHoldingList?.length !== 0} {#if topHoldingList?.length !== 0}
<div <div class="space-y-3 pt-5 {topHoldingList?.length !== 0 ? '' : 'hidden'}">
class="space-y-3 sm:pt-5 hidden sm:block sm:{topHoldingList?.length !== 0
? ''
: 'hidden'}"
>
<div class="h-auto w-full"> <div class="h-auto w-full">
<!--Start Content--> <!--Start Content-->
<div class="w-auto lg:w-full flex flex-col m-auto"> <div class="w-auto lg:w-full flex flex-col m-auto">
@ -150,12 +146,12 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#09090B]"
>Company</th >Company</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-[#09090B]"
>Portfolio</th >Portfolio</th
> >
</tr> </tr>
@ -165,7 +161,7 @@
{#if item?.symbol !== null} {#if item?.symbol !== null}
<tr <tr
on:click={() => stockSelector(item?.symbol)} on:click={() => stockSelector(item?.symbol)}
class="lg:shake-ticker sm:hover:text-white text-blue-400 cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]" class="lg:shake-ticker sm:hover:text-white text-blue-400 cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] [#09090B] border-b border-[#27272A]"
> >
<td class=""> <td class="">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
@ -224,9 +220,8 @@
{#if dividendHistoryList?.length !== 0} {#if dividendHistoryList?.length !== 0}
<div <div
class="space-y-3 sm:pt-5 hidden sm:block sm:{( class="space-y-3 pt-8 sm:pt-5 {(dividendHistoryList?.length ?? [])
dividendHistoryList?.length ?? [] ?.length !== 0
)?.length !== 0
? '' ? ''
: 'hidden'}" : 'hidden'}"
> >
@ -247,15 +242,15 @@
<thead> <thead>
<tr> <tr>
<th <th
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]" class="text-white font-semibold text-sm text-start bg-[#09090B]"
>Ex-Dividend</th >Ex-Dividend</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-[#09090B]"
>Payment Date</th >Payment Date</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-[#09090B]"
>Amount</th >Amount</th
> >
</tr> </tr>
@ -263,9 +258,7 @@
<tbody> <tbody>
{#each dividendHistoryList?.slice(0, 5) as item} {#each dividendHistoryList?.slice(0, 5) as item}
<tr <tr class="text-white bg-[#09090B] border-b border-[#27272A]">
class="text-white bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]"
>
<td class="text-start text-sm text-white font-medium"> <td class="text-start text-sm text-white font-medium">
{new Date(item?.date)?.toLocaleString("en-US", { {new Date(item?.date)?.toLocaleString("en-US", {
month: "short", month: "short",

7
src/lib/components/Sidecard.svelte
View File

@ -167,15 +167,14 @@
{#if Object?.keys(data?.getAnalystRating ?? {})?.length !== 0} {#if Object?.keys(data?.getAnalystRating ?? {})?.length !== 0}
<div <div
class="space-y-3 sm:pt-5 hidden sm:block sm:{Object?.keys( class="space-y-3 pt-5 {Object?.keys(data?.getAnalystRating ?? {})
data?.getAnalystRating ?? {}, ?.length !== 0
)?.length !== 0
? '' ? ''
: 'hidden'}" : 'hidden'}"
> >
<div class="h-auto w-full"> <div class="h-auto w-full">
<!--Start Content--> <!--Start Content-->
<div class="w-auto lg:w-full flex flex-col m-auto pb-14 sm:pb-10"> <div class="w-auto lg:w-full flex flex-col m-auto pb-10">
<h2 class="mb-2 text-2xl text-white font-semibold">Analyst Forecast</h2> <h2 class="mb-2 text-2xl text-white font-semibold">Analyst Forecast</h2>
<p class="text-gray-200"> <p class="text-gray-200">
According to {numOfAnalyst} analyst ratings, the average rating for {$stockTicker} According to {numOfAnalyst} analyst ratings, the average rating for {$stockTicker}

3
src/routes/+layout.svelte
View File

@ -129,8 +129,7 @@
onMount(async () => { onMount(async () => {
//await fallbackWorker(); //await fallbackWorker();
await checkMarketHour(); await Promise.all([checkMarketHour(), loadWorker()]);
await loadWorker();
//await pushNotification() //await pushNotification()
if ($showCookieConsent === true) { if ($showCookieConsent === true) {