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 2024-12-16 00:17:46 +01:00
parent 5d0a74df14
commit 8b6256ce52
1 changed files with 26 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,7 +26,7 @@
<label <label
for="scoreInfo" for="scoreInfo"
class="absolute -top-3 -right-4 cursor-pointer border border-gray-900 rounded-full bg-[#242424] sm:hover:bg-secondary duration-100 p-1 text-gray-300 hover:text-gray-600 dark:text-dark-400 dark:hover:text-dark-300" 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 <svg
class="h-[8px] w-[8px]" class="h-[8px] w-[8px]"
@ -133,23 +133,21 @@
</div> </div>
</div> </div>
</div> </div>
<h4 <h4 class="text-center text-white text-sm mt-1 font-semibold">
class="text-center text-white text-sm mt-1 font-semibold {tier === {#if tier === "Pro" || ["AAPL", "NVDA", "GOOGL", "META", "AMD"]?.includes($stockTicker)}
'Pro' || {#if score === 10}
['AAPL', 'NVDA', 'GOOGL', 'META', 'AMD']?.includes($stockTicker) Strong Buy
? '' {:else if score >= 7}
: 'invisible'}" Buy
> {:else if score >= 4}
{#if score === 10} Hold
Strong Buy {:else if score >= 2}
{:else if score >= 7} Sell
Buy {:else}
{:else if score >= 4} Strong Sell
Hold {/if}
{:else if score >= 2}
Sell
{:else} {:else}
Strong Sell Unlock
{/if} {/if}
</h4> </h4>
</div> </div>
@ -160,25 +158,24 @@
<!-- Put this part before </body> tag --> <!-- Put this part before </body> tag -->
<input type="checkbox" id="scoreInfo" class="modal-toggle" /> <input type="checkbox" id="scoreInfo" class="modal-toggle" />
<label <label for="scoreInfo" class="modal p-3 sm:p-0 cursor-pointer">
for="scoreInfo"
class="modal modal-bottom sm:modal-middle cursor-pointer"
>
<label for="scoreInfo" class="cursor-pointer modal-backdrop"></label> <label for="scoreInfo" class="cursor-pointer modal-backdrop"></label>
<!-- svelte-ignore a11y-label-has-associated-control --> <!-- svelte-ignore a11y-label-has-associated-control -->
<label <label
class="modal-box w-full relative bg-[#09090B] border border-gray-800 h-auto" class="modal-box rounded w-full relative bg-secondary border border-gray-600 max-h-[700px] max-w-3xl"
> >
<label <label
for="scoreInfo" for="scoreInfo"
class="cursor-pointer absolute right-5 top-2 bg-[#09090B] text-2xl text-white" class="cursor-pointer absolute right-5 top-2 text-xl text-white"
> >
✕ ✕
</label> </label>
<h3 class="text-2xl font-bold text-white">AI Score</h3> <h3 class="text-2xl font-bold text-white pb-3 border-gray-400 border-b">
<p class="py-4 text-gray-200 bg-[#09090B] w-full"> AI Score
</h3>
<p class="py-4 text-gray-200 w-full">
Our AI model analyzes fundamental, technical, and statistical indicators Our AI model analyzes fundamental, technical, and statistical indicators
to predict the probability of a bullish trend over the next three months. to predict the probability of a bullish trend over the next three months.
<br /> <br />
@ -187,21 +184,15 @@
for you. for you.
</p> </p>
<table <table class="table table-sm table-compact w-full mt-5 mb-10 text-white">
class="table table-sm table-compact bg-[#09090B] w-full mt-5 mb-10 text-white"
>
<!-- head --> <!-- head -->
<thead> <thead>
<tr class="border-b border-slate-700 odd:bg-secondary"> <tr class="border-b border-slate-700 odd:bg-secondary">
<th class="bg-[#09090B] text-white text-sm font-semibold"> <th class=" text-white text-sm font-semibold">
Bullish Probability Bullish Probability
</th> </th>
<th class="bg-[#09090B] text-white text-sm font-semibold"> <th class=" text-white text-sm font-semibold"> Sentiment </th>
Sentiment <th class=" text-white text-sm text-end font-semibold"> Score </th>
</th>
<th class="bg-[#09090B] text-white text-sm text-end font-semibold">
Score
</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>