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 17:14:15 +02:00
parent f80709393f
commit d9c35d070e
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/routes/crypto/[tickerID]/news/+page.svelte
View File

@ -1,5 +1,5 @@
<script lang='ts'> <script lang='ts'>
import {numberOfUnreadNotification, displayCompanyName, stockTicker} from '$lib/store'; import {numberOfUnreadNotification, displayCompanyName, cryptoTicker} from '$lib/store';
import { formatDate } from '$lib/utils'; import { formatDate } from '$lib/utils';
export let data; export let data;
@ -46,21 +46,21 @@ function loadMoreData() {
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} {$displayCompanyName} ({$stockTicker}) latest Stock Market News and Breaking Stories · stocknear {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} {$displayCompanyName} ({$cryptoTicker}) latest Stock Market News and Breaking Stories · stocknear
</title> </title>
<meta name="description" content={`Get the latest stock market news and breaking stories of ${$displayCompanyName} (${$stockTicker}).`} /> <meta name="description" content={`Get the latest stock market news and breaking stories of ${$displayCompanyName} (${$cryptoTicker}).`} />
<!-- Other meta tags --> <!-- Other meta tags -->
<meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) latest Stock Market News and Breaking Stories · stocknear`}/> <meta property="og:title" content={`${$displayCompanyName} (${$cryptoTicker}) latest Stock Market News and Breaking Stories · stocknear`}/>
<meta property="og:description" content={`Get the latest stock market news and breaking stories of ${$displayCompanyName} (${$stockTicker}).`} /> <meta property="og:description" content={`Get the latest stock market news and breaking stories of ${$displayCompanyName} (${$cryptoTicker}).`} />
<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/> <meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
<meta property="og:type" content="website"/> <meta property="og:type" content="website"/>
<!-- Add more Open Graph meta tags as needed --> <!-- Add more Open Graph meta tags as needed -->
<!-- Twitter specific meta tags --> <!-- Twitter specific meta tags -->
<meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) latest Stock Market News and Breaking Stories · stocknear`}/> <meta name="twitter:title" content={`${$displayCompanyName} (${$cryptoTicker}) latest Stock Market News and Breaking Stories · stocknear`}/>
<meta name="twitter:description" content={`Get the latest stock market news and breaking stories of ${$displayCompanyName} (${$stockTicker}).`} /> <meta name="twitter:description" content={`Get the latest stock market news and breaking stories of ${$displayCompanyName} (${$cryptoTicker}).`} />
<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/> <meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
<!-- Add more Twitter meta tags as needed --> <!-- Add more Twitter meta tags as needed -->
@ -92,7 +92,7 @@ function loadMoreData() {
allowfullscreen allowfullscreen
></iframe> ></iframe>
{:else} {:else}
<a href={item?.url} target="_blank"> <a href={item?.url} rel="noopener noreferrer" target="_blank">
<div class="flex-shrink-0 m-auto "> <div class="flex-shrink-0 m-auto ">
<img src={item?.image} class=" w-full rounded-lg" alt="news image" loading="lazy"> <img src={item?.image} class=" w-full rounded-lg" alt="news image" loading="lazy">
</div> </div>
@ -103,12 +103,13 @@ function loadMoreData() {
{item?.site} · {formatDate(item?.publishedDate)} ago {item?.site} · {formatDate(item?.publishedDate)} ago
</h3> </h3>
<a href={item?.url} target="_blank" class="text-lg font-bold text-white"> <a href={item?.url} rel="noopener noreferrer" target="_blank" class="text-lg font-bold text-white">
{item?.title} {item?.title}
<p class="text-white text-sm mt-2 font-normal">
{item?.text}
</p>
</a> </a>
<p class="text-white text-sm mt-2">
{item?.text}
</p>
</div> </div>
</div> </div>

9
src/routes/etf/[tickerID]/news/+page.svelte
View File

@ -105,7 +105,7 @@
allowfullscreen allowfullscreen
></iframe> ></iframe>
{:else} {:else}
<a href={item.url} target="_blank"> <a href={item.url} rel="noopener noreferrer" target="_blank">
<div class="flex-shrink-0 m-auto "> <div class="flex-shrink-0 m-auto ">
<img src={item.image} class=" w-full rounded-lg" alt="news image" loading="lazy"> <img src={item.image} class=" w-full rounded-lg" alt="news image" loading="lazy">
</div> </div>
@ -116,12 +116,13 @@
{item?.site} · {formatDate(item?.publishedDate)} ago {item?.site} · {formatDate(item?.publishedDate)} ago
</h3> </h3>
<a href={item.url} target="_blank" class="text-lg font-bold text-white"> <a href={item.url} rel="noopener noreferrer" target="_blank" class="text-lg font-bold text-white">
{item?.title} {item?.title}
</a>
<p class="text-white text-sm mt-2"> <p class="text-white text-sm mt-2 font-normal">
{item?.text} {item?.text}
</p> </p>
</a>
</div> </div>
</div> </div>