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

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

@ -167,15 +167,14 @@
{#if Object?.keys(data?.getAnalystRating ?? {})?.length !== 0}
<div
class="space-y-3 sm:pt-5 hidden sm:block sm:{Object?.keys(
data?.getAnalystRating ?? {},
)?.length !== 0
class="space-y-3 pt-5 {Object?.keys(data?.getAnalystRating ?? {})
?.length !== 0
? ''
: 'hidden'}"
>
<div class="h-auto w-full">
<!--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>
<p class="text-gray-200">
According to {numOfAnalyst} analyst ratings, the average rating for {$stockTicker}

3
src/routes/+layout.svelte
View File

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