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-03 10:20:34 +02:00
parent 6979280079
commit d6db0850f2
1 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/routes/potus-tracker/+page.svelte
View File

@ -16,6 +16,7 @@
let postDate = "n/a"; let postDate = "n/a";
let postUrl = "#"; let postUrl = "#";
let postTitle = "n/a"; let postTitle = "n/a";
let postSentiment = "n/a";
const updatedSectorList = ["S&P500", ...sectorList]; const updatedSectorList = ["S&P500", ...sectorList];
@ -614,13 +615,13 @@
{item?.title} {item?.title}
<!-- Sentiment badge --> <!-- Sentiment badge -->
<div <div
class={`mt-2 px-3 py-1 rounded text-white text-xs sm:text-sm w-fit class={`mt-2 px-3 py-1 rounded text-xs sm:text-sm w-fit
${ ${
item?.sentiment === "Bullish" item?.sentiment === "Bullish"
? "bg-emerald-500" ? "bg-emerald-500 text-white"
: item?.sentiment === "Bearish" : item?.sentiment === "Bearish"
? "bg-red-600" ? "bg-red-600 text-white"
: "bg-yellow-500" : "bg-gray-300 text-black"
}`} }`}
> >
{item?.sentiment} {item?.sentiment}
@ -677,6 +678,7 @@
on:click={() => { on:click={() => {
postTitle = item?.title; postTitle = item?.title;
postContent = item?.description; postContent = item?.description;
postSentiment = item?.sentiment;
postDate = item?.date; postDate = item?.date;
postUrl = item?.link; postUrl = item?.link;
}} }}
@ -928,16 +930,15 @@
<input type="checkbox" id="executivePostModal" class="modal-toggle" /> <input type="checkbox" id="executivePostModal" class="modal-toggle" />
<dialog id="executivePostModal" class="modal modal-bottom sm:modal-middle"> <dialog
<label id="executivePostModal"
for="executivePostModal" class="modal modal-bottom sm:modal-middle bg-[#000]/40"
class="cursor-pointer modal-backdrop bg-[#000]/40" >
></label> <label for="executivePostModal" class="cursor-pointer modal-backdrop"></label>
<div <div
class="modal-box w-full max-w-sm p-6 rounded-lg shadow-lg border class="modal-box w-full p-6 rounded shadow-lg border
bg-white dark:bg-secondary border border-gray-600 dark:border-gray-800" bg-white dark:bg-secondary border border-gray-600 dark:border-gray-800"
style="opacity: 1; transform: none;"
> >
<div class="flex items-start space-x-3"> <div class="flex items-start space-x-3">
<span class="w-10 h-10 rounded-full shrink-0"> <span class="w-10 h-10 rounded-full shrink-0">
@ -951,16 +952,21 @@
<div class="flex flex-col items-start w-full"> <div class="flex flex-col items-start w-full">
<h3 class="font-semibold text-gray-900 dark:text-white"> <h3 class="font-semibold text-gray-900 dark:text-white">
<a <span> Donald J. Trump </span>
href="https://truthsocial.com/@realDonaldTrump"
target="_blank"
rel="noopener noreferrer"
class="hover:text-blue-700"
>
Donald J. Trump
</a>
</h3> </h3>
<h4 class="text-sm text-gray-800 dark:text-gray-400">{postTitle}</h4> <h4 class="text-sm text-gray-800 dark:text-gray-400">{postTitle}</h4>
<div
class={`mt-2 px-3 py-1 rounded text-xs sm:text-sm w-fit
${
postSentiment === "Bullish"
? "bg-emerald-500 text-white"
: postSentiment === "Bearish"
? "bg-red-600 text-white"
: "bg-gray-300 text-black"
}`}
>
{postSentiment}
</div>
</div> </div>
</div> </div>
@ -999,14 +1005,14 @@
<input type="checkbox" id="socialPostModal" class="modal-toggle" /> <input type="checkbox" id="socialPostModal" class="modal-toggle" />
<dialog id="socialPostModal" class="modal modal-bottom sm:modal-middle"> <dialog
<label id="socialPostModal"
for="socialPostModal" class="modal modal-bottom sm:modal-middle bg-[#000]/40"
class="cursor-pointer modal-backdrop bg-[#000]/40" >
></label> <label for="socialPostModal" class="cursor-pointer modal-backdrop"></label>
<div <div
class="modal-box w-full max-w-sm p-6 rounded-lg shadow-lg border class="modal-box w-full p-6 rounded shadow-lg border
bg-white dark:bg-secondary border border-gray-600 dark:border-gray-800" bg-white dark:bg-secondary border border-gray-600 dark:border-gray-800"
style="opacity: 1; transform: none;" style="opacity: 1; transform: none;"
> >