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-04-01 17:01:41 +02:00
parent fbab3bb01e
commit d29fc9e4a0
8 changed files with 27 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/Table/Table.svelte
View File

@ -948,19 +948,7 @@
<span>{item[column.key]?.toFixed(2)}%</span> <span>{item[column.key]?.toFixed(2)}%</span>
{/if} {/if}
{:else if column?.type === "rating"} {:else if column?.type === "rating"}
{#if ["Strong Buy", "Buy"].includes(item[column.key])} {item[column.key]}
<span class="text-green-700 dark:text-[#00FC50]"
>{item[column.key]}</span
>
{:else if ["Strong Sell", "Sell"].includes(item[column.key])}
<span class="text-red-700 dark:text-[#FF2F1F]"
>{item[column.key]}</span
>
{:else if item[column.key] === "Hold"}
<span class="text-[#FFA838]">{item[column.key]}</span>
{:else}
n/a
{/if}
{:else if column.type === "sentiment"} {:else if column.type === "sentiment"}
<div <div
class={item[column.key] >= 55 class={item[column.key] >= 55

2
src/lib/highcharts.ts
View File

@ -68,7 +68,7 @@ const resizeObserver = new ResizeObserver(() => {
if (chart && browser) { if (chart && browser) {
const newWidth = node.clientWidth; const newWidth = node.clientWidth;
// Set height based on viewport width: 300 for mobile, 360 for desktop // Set height based on viewport width: 300 for mobile, 360 for desktop
const newHeight = (node.clientWidth < 600) ? 300 : 360; const newHeight = (node.clientWidth < 600) ? 300 : 330;
chart?.setSize(newWidth, newHeight, false); chart?.setSize(newWidth, newHeight, false);
} }

22
src/routes/analysts/[slug]/+page.svelte
View File

@ -451,7 +451,9 @@
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<HoverStockChart symbol={item?.ticker} /> <HoverStockChart symbol={item?.ticker} />
<span class=""> <span
class="text-sm text-gray-800 dark:text-gray-200"
>
{item?.name?.length > charNumber {item?.name?.length > charNumber
? item?.name?.slice(0, charNumber) + "..." ? item?.name?.slice(0, charNumber) + "..."
: item?.name} : item?.name}
@ -465,23 +467,7 @@
> >
<div class="flex flex-col sm:flex-row items-start"> <div class="flex flex-col sm:flex-row items-start">
<span class="mr-1">{item?.action_company}:</span> <span class="mr-1">{item?.action_company}:</span>
<span <span>
class="font-semibold {[
'Strong Buy',
'Buy',
'Outperform',
]?.includes(item?.rating_current)
? 'text-green-700 dark:text-[#00FC50] '
: item?.rating_current === 'Hold'
? '"text-red-700 dark:text-[#FF7070] "'
: [
'Strong Sell',
'Sell',
'Underperform',
]?.includes(item?.rating_current)
? 'text-red-700 dark:text-[#FF2F1F] '
: 'text-muted dark:text-gray-300 '}"
>
{item?.rating_current} {item?.rating_current}
</span> </span>
</div> </div>

18
src/routes/analysts/analyst-flow/+page.svelte
View File

@ -218,23 +218,7 @@
> >
<div class="flex flex-col sm:flex-row items-start"> <div class="flex flex-col sm:flex-row items-start">
<span class="mr-1">{item?.action}:</span> <span class="mr-1">{item?.action}:</span>
<span <span>
class=" {[
'Strong Buy',
'Buy',
'Outperform',
]?.includes(item?.rating_current)
? 'text-green-700 dark:text-[#00FC50]'
: item?.rating_current === 'Hold'
? '"text-red-700 dark:text-[#FF7070]"'
: [
'Strong Sell',
'Sell',
'Underperform',
]?.includes(item?.rating_current)
? 'text-red-700 dark:text-[#FF2F1F]'
: 'text-muted dark:text-gray-300'}"
>
{item?.rating_current} {item?.rating_current}
</span> </span>
</div> </div>

16
src/routes/etf/[tickerID]/+layout.svelte
View File

@ -381,7 +381,7 @@
class="text-muted dark:text-white w-full max-w-screen sm:max-w-[1250px] min-h-screen overflow-hidden" class="text-muted dark:text-white w-full max-w-screen sm:max-w-[1250px] min-h-screen overflow-hidden"
> >
<!-- Page wrapper --> <!-- Page wrapper -->
<div class="mt-5 flex flex-col w-full relative w-full sm:max-w-[1250px]"> <div class="flex flex-col w-full relative w-full sm:max-w-[1250px]">
<main class="grow w-full"> <main class="grow w-full">
<section class=""> <section class="">
<div class="w-full"> <div class="w-full">
@ -502,7 +502,7 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16" viewBox="0 0 16 16"
><path ><path
fill={$mode === "light" ? "#2C6288" : "white"} fill={$mode === "light" ? "black" : "white"}
d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z"
/></svg /></svg
> >
@ -529,7 +529,7 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16" viewBox="0 0 16 16"
><path ><path
fill={$mode === "light" ? "#2C6288" : "white"} fill={$mode === "light" ? "black" : "white"}
d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z"
/></svg /></svg
> >
@ -544,7 +544,7 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16" viewBox="0 0 16 16"
><path ><path
fill={$mode === "light" ? "#2C6288" : "white"} fill={$mode === "light" ? "black" : "white"}
d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z"
/></svg /></svg
> >
@ -626,7 +626,7 @@
viewBox="0 0 16 16" viewBox="0 0 16 16"
><path ><path
fill={$mode === "light" fill={$mode === "light"
? "#2C6288" ? "black"
: "white"} : "white"}
d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z"
/></svg /></svg
@ -662,7 +662,7 @@
viewBox="0 0 16 16" viewBox="0 0 16 16"
><path ><path
fill={$mode === "light" fill={$mode === "light"
? "#2C6288" ? "black"
: "white"} : "white"}
d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z"
/></svg /></svg
@ -685,7 +685,7 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16" viewBox="0 0 16 16"
><path ><path
fill={$mode === "light" ? "#2C6288" : "white"} fill={$mode === "light" ? "black" : "white"}
d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z" d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256l4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73l3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356l-.83 4.73zm4.905-2.767l-3.686 1.894l.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575l-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957l-3.686-1.894a.503.503 0 0 0-.461 0z"
/></svg /></svg
> >
@ -875,7 +875,7 @@
<!--Start Ticker Section--> <!--Start Ticker Section-->
<nav <nav
class="sm:ml-4 border-b-[2px] overflow-x-auto whitespace-nowrap no-scrollbar" class="sm:ml-4 border-b-[2px] border-[#2C6288] dark:border-white overflow-x-auto whitespace-nowrap no-scrollbar"
> >
<ul <ul
class="flex flex-row items-center w-full text-[1rem] text-white" class="flex flex-row items-center w-full text-[1rem] text-white"

12
src/routes/pricing/+page.svelte
View File

@ -1166,7 +1166,7 @@
<div class="flex flex-row items-center justify-between"> <div class="flex flex-row items-center justify-between">
<h3 class="text-2xl md:text-3xl font-bold">Lifetime</h3> <h3 class="text-2xl md:text-3xl font-bold">Lifetime</h3>
<div> <div>
<span class="text-3xl md:text-4xl font-bold">$799</span> <span class="text-3xl md:text-4xl font-bold">$599</span>
</div> </div>
</div> </div>
<p class=" md:text-lg mt-4 lg:mt-2"> <p class=" md:text-lg mt-4 lg:mt-2">
@ -1198,13 +1198,11 @@
</div> </div>
<div class="relative flex flex-col items-center"> <div class="relative flex flex-col items-center">
<div <div
class="h-4 w-4 rounded-full bg-zinc-500 dark:bg-gray-600 relative z-10" class="h-4 w-4 rounded-full bg-blue-500 relative z-10"
></div> ></div>
<div class="mt-2 text-center"> <div class="mt-2 text-center">
<div class="text-lg sm:text-xl font-semibold"> <div class="text-lg sm:text-xl font-semibold">
<span class="text-gray-800 dark:text-gray-300 line-through" <span>$599</span>
>$599</span
>
</div> </div>
<div <div
class="text-xs sm:text-sm text-gray-800 dark:text-gray-300" class="text-xs sm:text-sm text-gray-800 dark:text-gray-300"
@ -1215,11 +1213,11 @@
</div> </div>
<div class="relative flex flex-col items-center"> <div class="relative flex flex-col items-center">
<div <div
class="h-4 w-4 rounded-full bg-blue-500 relative z-10" class="h-4 w-4 rounded-full bg-zinc-500 dark:bg-gray-600 relative z-10"
></div> ></div>
<div class="mt-2 text-center"> <div class="mt-2 text-center">
<div class="text-lg sm:text-xl font-semibold"> <div class="text-lg sm:text-xl font-semibold">
<span class="">$799</span> <span class="text-zinc-500 dark:text-zinc-400">$799</span>
</div> </div>
<div <div
class="text-xs sm:text-sm text-gray-800 dark:text-gray-300" class="text-xs sm:text-sm text-gray-800 dark:text-gray-300"

2
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -901,7 +901,7 @@
<!--Start Ticker Section--> <!--Start Ticker Section-->
<nav <nav
class="sm:ml-4 border-b-[2px] overflow-x-auto whitespace-nowrap no-scrollbar" class="sm:ml-4 border-b-[2px] border-[#2C6288] dark:border-white overflow-x-auto whitespace-nowrap no-scrollbar"
> >
<ul class="flex flex-row items-center w-full text-[1rem]"> <ul class="flex flex-row items-center w-full text-[1rem]">
<a <a

23
src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
View File

@ -428,7 +428,7 @@
{:else if i < Math.floor(item?.analystScore)} {:else if i < Math.floor(item?.analystScore)}
<!-- Render a full star --> <!-- Render a full star -->
<svg <svg
class="w-4 h-4 text-[#FBCE3C]" class="w-4 h-4 text-[#FFA500] dark:text-[#FBCE3C]"
aria-hidden="true" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" fill="currentColor"
@ -466,18 +466,7 @@
</td> </td>
<td <td
class="text-sm sm:text-[1rem] whitespace-nowrap text-end {[ class="text-sm sm:text-[1rem] whitespace-nowrap text-end"
'Strong Buy',
'Buy',
]?.includes(item?.rating_current)
? ' text-green-700 dark:text-[#00FC50] '
: item?.rating_current === 'Hold'
? '"text-red-700 dark:text-[#FF7070]"'
: ['Strong Sell', 'Sell']?.includes(
item?.rating_current,
)
? 'text-red-700 dark:text-[#FF2F1F]'
: ''}"
> >
{item?.rating_current} {item?.rating_current}
</td> </td>
@ -497,7 +486,7 @@
<div class="flex flex-col items-end"> <div class="flex flex-col items-end">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
{#if Math?.ceil(item?.adjusted_pt_prior) !== 0} {#if Math?.ceil(item?.adjusted_pt_prior) !== 0}
<span class="text-gray-100 font-normal" <span class=" font-normal"
>{Math?.ceil(item?.adjusted_pt_prior)}</span >{Math?.ceil(item?.adjusted_pt_prior)}</span
> >
<svg <svg
@ -506,7 +495,7 @@
viewBox="0 0 24 24" viewBox="0 0 24 24"
><path ><path
fill="none" fill="none"
stroke="white" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width="2.5" stroke-width="2.5"
@ -536,7 +525,7 @@
data?.getStockQuote?.price - data?.getStockQuote?.price -
1 >= 1 >=
0 0
? 'text-green-700 dark:text-[#00FC50] ' ? "before:content-['+'] text-green-700 dark:text-[#00FC50]"
: item?.adjusted_pt_current / : item?.adjusted_pt_current /
data?.getStockQuote?.price - data?.getStockQuote?.price -
1 < 1 <
@ -562,7 +551,7 @@
<div class="flex flex-col items-end"> <div class="flex flex-col items-end">
{#if latestInfoDate(item?.date)} {#if latestInfoDate(item?.date)}
<label <label
class="border-gray-300 shadow-sm bg-blue-100 dark:bg-[#fff] text-black font-semibold text-xs rounded px-2 py-0.5 ml-3 mb-1" class="border-gray-300 shadow-md bg-[#fff] text-black font-semibold text-xs rounded px-2 py-0.5 ml-3 mb-1"
> >
New New
</label> </label>