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 2025-02-03 16:16:08 +01:00
parent 0abb00e416
commit 555da4539f
1 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/routes/notifications/+page.svelte
View File

@ -160,6 +160,53 @@
</div>
</div>
</div>
{:else if item?.notifyType === "wiim"}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="sm:hover:bg-[#2B2B2B] pb-3 sm:p-3 mb-6 sm:mb-3 text-gray-200 w-full {!item?.readed
? 'bg-[#F9AB00] bg-opacity-[0.1]'
: ''} "
>
<div class="flex flex-row items-center w-full">
<!-- svelte-ignore a11y-label-has-associated-control -->
<a class="avatar w-11 h-11 flex-shrink-0 mr-4">
<img
style="clip-path: circle(50%);"
class="flex-shrink-0 w-11 h-11 rounded-full inline-block"
src={`https://financialmodelingprep.com/image-stock/${item?.liveResults?.symbol}.png`}
alt="Company Logo"
/>
</a>
<div class="text-white text-sm sm:text-[1rem]">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-label-has-associated-control -->
<div class="flex flex-col items-start">
<div>
<div class="flex flex-col items-start">
<div class="text-md mt-0.5">
<span class="font-semibold"
>⚡BREAKING News for</span
>
<HoverStockChart
symbol={item?.liveResults?.symbol}
assetType={item?.liveResults?.assetType}
/>
</div>
<div class="text-md mt-0.5">
A new market update sheds light on the company's
recent volatility, explaining the reasons behind
the "Why Price Moved" event.
</div>
</div>
</div>
<span class="text-sm mt-1 text-[#A6ADBB0"
>{formatDate(item?.created)}
</span>
</div>
</div>
</div>
</div>
{/if}
{/each}
</div>