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 2025-02-23 14:28:20 +01:00
parent d2ec78262e
commit 41698af9c4
8 changed files with 1420 additions and 2976 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
src/lib/components/AIScore.svelte
View File

@ -23,22 +23,6 @@
<h3 class="text-center text-white text-sm sm:text-[1rem] mb-2">
AI Score
</h3>
<label
for="scoreInfo"
class="absolute -top-3 -right-4 cursor-pointer border border-gray-900 rounded-full bg-primary sm:hover:bg-secondary duration-100 p-1 text-gray-300 hover:text-gray-600 dark:text-dark-400 dark:hover:text-dark-300"
>
<svg
class="h-[8px] w-[8px]"
viewBox="0 0 4 16"
fill="white"
style="max-width:20px"
>
<path
d="M0 6h4v10h-4v-10zm2-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z"
></path>
</svg>
</label>
</div>
<div class="flex flex-row items-center justify-between">
@ -73,14 +57,7 @@
stroke-width="3"
stroke-dasharray="100.48"
stroke-dashoffset={100.48 -
((tier === "Pro" ||
["AAPL", "NVDA", "GOOGL", "META", "AMD"]?.includes(
$stockTicker,
)
? score
: 0) /
10) *
100.48}
((tier === "Pro" ? score : 0) / 10) * 100.48}
>
</circle>
</g>
@ -90,11 +67,7 @@
y="21"
text-anchor="middle"
font-size="10"
fill="#000"
>{tier === "Pro" ||
["AAPL", "NVDA", "GOOGL", "META", "AMD"]?.includes($stockTicker)
? score
: 0}</text
fill="#000">{tier === "Pro" ? score : 0}</text
>
</svg>
@ -102,7 +75,7 @@
<div
class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"
>
{#if tier === "Pro" || ["AAPL", "NVDA", "GOOGL", "META", "AMD"]?.includes($stockTicker)}
{#if tier === "Pro"}
<span class="text-center text-white text-xl font-semibold">
{score}
</span>
@ -134,7 +107,7 @@
</div>
</div>
<h4 class="text-center text-white text-sm mt-1 font-semibold">
{#if tier === "Pro" || ["AAPL", "NVDA", "GOOGL", "META", "AMD"]?.includes($stockTicker)}
{#if tier === "Pro"}
{#if score === 10}
Strong Buy
{:else if score >= 7}
@ -154,103 +127,3 @@
</div>
</main>
</section>
<!-- Put this part before </body> tag -->
<input type="checkbox" id="scoreInfo" class="modal-toggle" />
<label for="scoreInfo" class="modal p-3 sm:p-0 cursor-pointer">
<label for="scoreInfo" class="cursor-pointer modal-backdrop"></label>
<!-- svelte-ignore a11y-label-has-associated-control -->
<label
class="modal-box rounded w-full relative bg-secondary border border-gray-600 max-h-[700px] max-w-3xl"
>
<label
for="scoreInfo"
class="cursor-pointer absolute right-5 top-2 text-xl text-white"
>
✕
</label>
<h3 class="text-2xl font-bold text-white pb-3 border-gray-400 border-b">
AI Score
</h3>
<p class="py-4 text-gray-200 w-full">
Our AI model analyzes fundamental, technical, and statistical indicators
to predict the probability of a bullish trend over the next three months.
<br />
<br />
We regularly update and refine our models to deliver the most reliable forecasts
for you.
</p>
<table
class="table table-sm table-compact bg-table border border-gray-800 w-full mt-5 mb-10 text-white"
>
<!-- head -->
<thead>
<tr class="border-b border-gray-800 odd:bg-odd">
<th class=" text-white text-sm font-semibold">
Bullish Probability
</th>
<th class=" text-white text-sm font-semibold"> Sentiment </th>
<th class=" text-white text-sm text-end font-semibold"> Score </th>
</tr>
</thead>
<tbody>
<!-- row 1 -->
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+80% </td>
<td class="text-sm sm:text-[1rem]">Strong Buy</td>
<td class="text-sm sm:text-[1rem] text-end">10</td>
</tr>
<!-- row 2 -->
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+75%</td>
<td class="text-sm sm:text-[1rem]">Buy</td>
<td class="text-sm sm:text-[1rem] text-end">9</td>
</tr>
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+70%</td>
<td class="text-sm sm:text-[1rem]">Buy</td>
<td class="text-sm sm:text-[1rem] text-end">8</td>
</tr>
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]"> +60% </td>
<td class="text-sm sm:text-[1rem]">Buy</td>
<td class="text-sm sm:text-[1rem] text-end">7</td>
</tr>
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+50%</td>
<td class="text-sm sm:text-[1rem]">Hold</td>
<td class="text-sm sm:text-[1rem] text-end">6</td>
</tr>
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+45%</td>
<td class="text-sm sm:text-[1rem]">Hold</td>
<td class="text-sm sm:text-[1rem] text-end">5</td>
</tr>
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+40%</td>
<td class="text-sm sm:text-[1rem]">Hold</td>
<td class="text-sm sm:text-[1rem] text-end">4</td>
</tr>
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+35%</td>
<td class="text-sm sm:text-[1rem]">Sell</td>
<td class="text-sm sm:text-[1rem] text-end">3</td>
</tr>
<tr class="border-b border-gray-800 odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+30%</td>
<td class="text-sm sm:text-[1rem]">Sell</td>
<td class="text-sm sm:text-[1rem] text-end">2</td>
</tr>
<tr class="odd:bg-odd">
<td class="text-sm sm:text-[1rem]">+20%</td>
<td class="text-sm sm:text-[1rem]">Strong Sell</td>
<td class="text-sm sm:text-[1rem] text-end">1</td>
</tr>
</tbody>
</table>
</label>
</label>

4223
src/lib/components/LoginPopup.svelte
View File

File diff suppressed because it is too large Load Diff

2
src/routes/+layout.svelte
View File

@ -871,7 +871,7 @@
{:else}
<a
href="/login"
class="inline-flex items-center justify-center rounded-md bg-[#fff] px-4 py-2 text-sm font-semibold text-black shadow-sm transition-all duration-150 sm:hover:bg-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600"
class="inline-flex items-center justify-center rounded bg-[#fff] px-4 py-2 text-sm font-semibold text-black shadow-sm transition-all duration-150 sm:hover:bg-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600"
>
Login
</a>

2
src/routes/+page.svelte
View File

@ -54,7 +54,7 @@
}
});
$: charNumber = $screenWidth < 640 ? 20 : 15;
$: charNumber = 40;
</script>
<SEO

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

@ -32,7 +32,7 @@
{#if allBlogPosts?.length !== 0}
{#each allBlogPosts as item}
<div
class="flex flex-col overflow-hidden rounded-lg shadow-lg sm:hover:shadow-2xl border border-gray-600"
class="flex flex-col overflow-hidden rounded border border-gray-700"
>
<div class="flex-shrink-0">
<a href={"/blog/article/" + convertToSlug(item?.title)}

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

@ -89,7 +89,7 @@
<div class="grid grid-cols-1 gap-4">
<div class="relative">
<h1
class="text-center text-white text-2xl sm:text-3xl pt-10 sm:pt-0 font-semibold"
class="text-center text-white text-2xl sm:text-3xl pt-10 sm:pt-0 font-bold"
>
Sign In
</h1>

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

@ -878,34 +878,6 @@
>Including all future feature updates</span
>
</li>
<li class="flex items-center space-x-3">
<svg
class="flex-shrink-0 w-5 h-5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 48 48"
><mask id="ipSSuccess0"
><g
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="4"
><path
fill="#fff"
stroke="#fff"
d="m24 4l5.253 3.832l6.503-.012l1.997 6.188l5.268 3.812L41 24l2.021 6.18l-5.268 3.812l-1.997 6.188l-6.503-.012L24 44l-5.253-3.832l-6.503.012l-1.997-6.188l-5.268-3.812L7 24l-2.021-6.18l5.268-3.812l1.997-6.188l6.503.012L24 4Z"
/><path stroke="#09090B" d="m17 24l5 5l10-10" /></g
></mask
><path
fill="#00FC50"
d="M0 0h48v48H0z"
mask="url(#ipSSuccess0)"
/></svg
>
<span class="text-white text-[1rem] font-semibold"
>If you ❤️ Stocknear and want to support us, this is the best way.</span
>
</li>
</ol>
<div class="divider"></div>

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

@ -73,7 +73,7 @@
<div class="grid grid-cols-1 gap-4">
<div class="relative">
<h1
class="text-center text-white text-2xl sm:text-3xl pt-10 sm:pt-0 font-semibold"
class="text-center text-white text-2xl sm:text-3xl pt-10 sm:pt-0 font-bold"
>
Getting Started
</h1>