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 21:50:40 +02:00
parent 7a61da8d6c
commit 8cbad63168
12 changed files with 37 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/Footer.svelte
View File

@ -196,7 +196,7 @@
<a
href="/affiliate-program"
class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Affiliate Program</a
>Referral Program</a
>
</li>
</ul>

2
src/lib/components/Table/OptionsFlowTable.svelte
View File

@ -616,7 +616,7 @@
class="p-2 text-center text-sm sm:text-[1rem] whitespace-nowrap {optionsWatchlist.optionsId?.includes(
displayedData[index]?.id,
)
? 'text-[#FBCE3C]'
? 'text-[#FFA500]'
: ''}"
>
<svg

2
src/routes/affiliate-program/+page.svelte
View File

@ -85,7 +85,7 @@
loading="lazy"
/>
<h1 class="mt-1 text-4xl font-bold sm:text-5xl lg:text-6xl">
Affiliate Program
Referral Program
</h1>
<p
class="mx-auto mt-5 max-w-3xl text-xl leading-normal md:mt-7 md:text-2xl"

2
src/routes/analysts/+page.svelte
View File

@ -198,7 +198,7 @@
{#each Array.from({ length: 5 }) as _, i}
{#if i < Math.floor(item?.analystScore)}
<svg
class="w-3.5 h-3.5 text-[#FBCE3C]"
class="w-3.5 h-3.5 text-[#FFA500]"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"

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

@ -227,7 +227,7 @@
{#each Array.from({ length: 5 }) as _, i}
{#if i < Math?.floor(analystScore)}
<svg
class="w-5 h-5 text-[#FBCE3C]"
class="w-5 h-5 text-[#FFA500]"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"

4
src/routes/economic-calendar/+page.svelte
View File

@ -540,7 +540,7 @@
{#if i > 0}
{#each Array(i) as _}
<svg
class="w-4 h-4 text-[#FBCE3C]"
class="w-4 h-4 text-[#FFA500]"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
@ -734,7 +734,7 @@
{#each Array.from({ length: 3 }) as _, i}
{#if i < Math.floor(item?.importance)}
<svg
class="w-4 h-4 text-[#FBCE3C]"
class="w-4 h-4 text-[#FFA500]"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"

28
src/routes/market-flow/+page.svelte
View File

@ -325,7 +325,7 @@
dashStyle: "Solid",
},
labels: {
style: { color: $mode === "light" ? "black" : "white" },
style: { color: $mode === "light" ? "#545454" : "white" },
distance: 10, // Increases space between label and axis
formatter: function () {
const date = new Date(this?.value);
@ -365,7 +365,7 @@
gridLineWidth: 1,
gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
labels: {
style: { color: $mode === "light" ? "black" : "white" },
style: { color: $mode === "light" ? "#545454" : "white" },
},
title: { text: null },
opposite: true,
@ -613,32 +613,20 @@
<td
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
0
? "text-[#208646] dark:text-[#00FC50] before:content-['+'] "
: 'text-[#DC2626] dark:text-[#FF2F1F]'} text-end"
? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
: 'text-red-700 dark:text-[#FF2F1F]'} text-end"
>
{item?.changesPercentage?.toFixed(2)}%
</td>
<td class="text-sm sm:text-[1rem] text-end">
{@html abbreviateNumber(
item?.net_premium,
false,
true,
)}
{@html abbreviateNumber(item?.net_premium)}
</td>
<td class="text-sm sm:text-[1rem] text-end">
{@html abbreviateNumber(
item?.net_call_premium,
false,
true,
)}
{@html abbreviateNumber(item?.net_call_premium)}
</td>
<td class="text-sm sm:text-[1rem] text-end">
{@html abbreviateNumber(
item?.net_put_premium,
false,
true,
)}
{@html abbreviateNumber(item?.net_put_premium)}
</td>
<td class="text-sm sm:text-[1rem] text-end">
@ -717,7 +705,7 @@
<td
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
0
? "text-[#00FC50] before:content-['+'] "
? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
: 'text-red-700 dark:text-[#FF2F1F]'} text-end"
>
{item?.changesPercentage}%

13
src/routes/market-flow/sector-flow/+page.svelte
View File

@ -350,7 +350,7 @@
dashStyle: "Solid",
},
labels: {
style: { color: $mode === "light" ? "black" : "white" },
style: { color: $mode === "light" ? "#545454" : "white" },
distance: 10, // Increases space between label and axis
formatter: function () {
const date = new Date(this?.value);
@ -390,7 +390,7 @@
gridLineWidth: 1,
gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
labels: {
style: { color: $mode === "light" ? "black" : "white" },
style: { color: $mode === "light" ? "#545454" : "white" },
},
title: { text: null },
opposite: true,
@ -503,9 +503,8 @@
<div class="w-full m-auto">
{#if config !== null}
<p class="mt-4">
<strong>{selectedSector}</strong> Flow tracks sector stocks, net
call/put premiums, and price movements to gauge market sentiment
and momentum in real time.
Sector Flow monitors constituent stocks representing the sector,
net call/put premiums and price movements in real time.
</p>
<div
@ -716,8 +715,8 @@
<td
class="text-sm sm:text-[1rem] {item?.changesPercentage >=
0
? "text-[#208646] dark:text-[#00FC50] before:content-['+'] "
: 'text-[#DC2626] dark:text-[#FF2F1F]'} text-end"
? "text-green-700 dark:text-[#00FC50] before:content-['+'] "
: 'text-red-700 dark:text-[#FF2F1F]'} text-end"
>
{item?.changesPercentage?.toFixed(2)}%
</td>

2
src/routes/options-flow/workers/filterWorker.ts
View File

@ -202,6 +202,8 @@ if (ruleName === 'sizeoiratio') {
return (item) => {
const expirationDate = new Date(item[rule.name]);
if (isNaN(expirationDate)) return false; // Handle invalid dates
const daysDiff = Math?.ceil((expirationDate.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));

2
src/routes/politicians/+page.svelte
View File

@ -246,7 +246,7 @@
on:click|stopPropagation={(event) =>
addToFavorite(event, item?.id)}
class=" {favoriteList?.includes(item?.id)
? 'text-[#FBCE3C]'
? 'text-[#FFA500]'
: ''} absolute top-0 right-5 z-20"
>
<svg

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

@ -177,7 +177,7 @@
>
<div
style="opacity: 1; transform: translateY(20px);"
class="hidden lg:flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
class="hidden lg:flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
>
<h3 class="text-3xl font-bold">Basic</h3>
<p class="text-muted dark:text-zinc-300 text-sm mt-1">
@ -694,7 +694,7 @@
{#if !data?.user}
<label
for="userLogin"
class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
>Get Registered Now<svg
class="w-5 h-5 ml-2"
fill="none"
@ -714,7 +714,7 @@
</div>
<div
style="opacity: 1; transform: translateY(20px);"
class="relative flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
class="relative flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
>
<div
class="w-fit absolute -top-[20px] left-1/2 transform -translate-x-1/2 whitespace-nowrap m-auto px-4 py-1.5 rounded-md text-sm font-medium backdrop-blur-xl
@ -1025,7 +1025,7 @@
<label
for={!data?.user ? "userLogin" : ""}
on:click={() => purchasePlan("plus")}
class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
>Unlock Plus Access Now<svg
class="w-5 h-5 ml-2"
fill="none"
@ -1044,7 +1044,7 @@
</div>
<div
style="opacity: 1; transform: translateY(20px);"
class="flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
class="flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
>
<h3 class="text-3xl font-bold">Pro</h3>
<p class="text-muted dark:text-zinc-300 text-sm mt-1">
@ -1142,7 +1142,7 @@
<label
for={!data?.user ? "userLogin" : ""}
on:click={() => purchasePlan("pro")}
class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
class="text-white cursor-pointer w-full py-3 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
>Unlock Pro Access Now<svg
class="w-5 h-5 ml-2"
fill="none"
@ -1161,18 +1161,18 @@
</div>
<div
class="relative min-h-[330px] lg:min-h-[240px] text-left w-full col-span-1 lg:col-span-3 bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-200 dark:border-zinc-600 p-6 isolate translate-y-5 opacity-100"
class="relative text-left w-full col-span-1 lg:col-span-3 bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded overflow-visible border border-zinc-200 dark:border-zinc-600 p-6 isolate translate-y-5 opacity-100"
>
<div class="flex flex-row items-center justify-between">
<h3 class="text-2xl md:text-3xl font-bold">Lifetime</h3>
<div>
<span class="text-3xl md:text-4xl font-bold">$599</span>
<span class="text-3xl md:text-4xl font-bold">$999</span>
</div>
</div>
<p class=" md:text-lg mt-4 lg:mt-2">
Everything in Pro, pay once, never again!
</p>
<!--
<div class="max-w-[400px]">
<div class="mt-8 lg:absolute lg:bottom-0 lg:left-0 lg:p-4">
<div class="relative flex items-center space-x-10">
@ -1244,11 +1244,12 @@
</div>
</div>
</div>
-->
<div class="mt-10 flex justify-center lg:justify-end mx-4 lg:mx-0">
<button
on:click={() => purchasePlan("lifeTime")}
class="text-white cursor-pointer w-full lg:w-auto py-3 lg:mt-2 px-4 bg-blue-600 rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center lg:justify-end"
class="text-white cursor-pointer w-full lg:w-auto py-3 lg:mt-2 px-4 bg-blue-600 rounded font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center lg:justify-end"
>
Get Lifetime Now
<svg

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

@ -416,7 +416,7 @@
>
<defs>
<linearGradient id="halfGradient">
<stop offset="30%" stop-color="#FBCE3C" />
<stop offset="30%" stop-color="#FFA500" />
<stop offset="30%" stop-color="gray" />
</linearGradient>
</defs>
@ -428,7 +428,7 @@
{:else if i < Math.floor(item?.analystScore)}
<!-- Render a full star -->
<svg
class="w-4 h-4 text-[#FFA500] dark:text-[#FBCE3C]"
class="w-4 h-4 text-[#FFA500] dark:text-[#FFA500]"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"