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 2024-11-06 15:27:44 +01:00
parent 1a460306bc
commit 1be4eccaea
2 changed files with 48 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/routes/+page.svelte
View File

@ -236,13 +236,29 @@
<div class="flex flex-col items-start w-full">
<div class="flex flex-row w-full items-center">
<Card.Title
class="text-xl sm:text-2xl tex-white font-semibold"
>{marketStatus === 0
? "Top"
: marketStatus === 1
? "Pre-Market"
: "Afterhours"} Gainers</Card.Title
>
><a
href={`/market-mover/${marketStatus === 0 ? "" : marketStatus === 1 ? "premarket" : "afterhours"}`}
class="text-xl sm:text-2xl tex-white font-semibold cursor-pointer sm:hover:underline sm:hover:underline-offset-4"
>
{marketStatus === 0
? "Top"
: marketStatus === 1
? "Pre-Market"
: "Afterhours"} Gainers
<svg
class="h-5 w-5 inline-block"
viewBox="0 0 20 20"
fill="currentColor"
style="max-width:40px"
aria-hidden="true"
><path
fill-rule="evenodd"
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
clip-rule="evenodd"
></path></svg
></a
>
</Card.Title>
</div>
</div>
</Card.Header>
@ -312,13 +328,29 @@
<Card.Header class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">
<div class="flex flex-row w-full items-center">
<Card.Title
class="text-xl sm:text-2xl tex-white font-semibold"
>{marketStatus === 0
? "Top"
: marketStatus === 1
? "Pre-Market"
: "Afterhours"} Losers</Card.Title
<Card.Title>
<a
href={`/market-mover/${marketStatus === 0 ? "losers" : marketStatus === 1 ? "premarket" : "afterhours"}`}
class="text-xl sm:text-2xl tex-white font-semibold cursor-pointer sm:hover:underline sm:hover:underline-offset-4"
>
{marketStatus === 0
? "Top"
: marketStatus === 1
? "Pre-Market"
: "Afterhours"} Losers
<svg
class="h-5 w-5 inline-block"
viewBox="0 0 20 20"
fill="currentColor"
style="max-width:40px"
aria-hidden="true"
><path
fill-rule="evenodd"
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
clip-rule="evenodd"
></path></svg
>
</a></Card.Title
>
</div>
</div>

4
src/routes/market-mover/+layout.svelte
View File

@ -56,7 +56,7 @@
<div class="text-sm sm:text-[1rem] breadcrumbs">
<ul>
<li><a href="/" class="text-gray-300">Home</a></li>
<li class="text-gray-300">Market News</li>
<li class="text-gray-300">Market Mover</li>
</ul>
</div>
@ -67,7 +67,7 @@
>
<main class="w-full lg:w-3/4 lg:pr-5">
<h1 class="mb-6 text-white text-2xl sm:text-3xl font-bold">
Stock Market News
Market Mover
</h1>
<nav class="border-b-[2px] overflow-x-scroll whitespace-nowrap">