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-07-20 13:32:19 +02:00
parent 29198eb754
commit 59829f2561
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/home/+page.svelte
View File

@ -92,7 +92,7 @@ onMount( async() => {
<Activity class="h-4 w-4 shrink-0" /> <Activity class="h-4 w-4 shrink-0" />
</Card.Header> </Card.Header>
<Card.Content> <Card.Content>
<a href={`/stocks/${quickInfo?.active?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-lg sm:text-xl font-semibold">{quickInfo?.active?.symbol}</a> <a href={`/stocks/${quickInfo?.active?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-[1rem] sm:text-xl font-semibold">{quickInfo?.active?.symbol}</a>
<p class="text-start text-[1rem] sm:text-lg font-medium text-white mt-1"> <p class="text-start text-[1rem] sm:text-lg font-medium text-white mt-1">
<!--${quickInfo?.active?.price}--> <!--${quickInfo?.active?.price}-->
{#if quickInfo?.active?.changesPercentage >=0} {#if quickInfo?.active?.changesPercentage >=0}
@ -111,7 +111,7 @@ onMount( async() => {
<Crown class="h-4 w-4 shrink-0" /> <Crown class="h-4 w-4 shrink-0" />
</Card.Header> </Card.Header>
<Card.Content> <Card.Content>
<a href={`/stocks/${quickInfo?.winner?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-lg sm:text-xl font-semibold">{quickInfo?.winner?.symbol}</a> <a href={`/stocks/${quickInfo?.winner?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-[1rem] sm:text-xl font-semibold">{quickInfo?.winner?.symbol}</a>
<p class="text-start text-[1rem] sm:text-lg font-medium text-white mt-1"> <p class="text-start text-[1rem] sm:text-lg font-medium text-white mt-1">
<!--${quickInfo?.winner?.price}--> <!--${quickInfo?.winner?.price}-->
{#if quickInfo?.winner?.changesPercentage >=0} {#if quickInfo?.winner?.changesPercentage >=0}
@ -130,7 +130,7 @@ onMount( async() => {
<Bomb class="h-4 w-4 shrink-0" /> <Bomb class="h-4 w-4 shrink-0" />
</Card.Header> </Card.Header>
<Card.Content> <Card.Content>
<a href={`/stocks/${quickInfo?.loser?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-lg sm:text-xl font-semibold">{quickInfo?.loser?.symbol}</a> <a href={`/stocks/${quickInfo?.loser?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-[1rem] sm:text-xl font-semibold">{quickInfo?.loser?.symbol}</a>
<p class="text-start text-[1rem] sm:text-lg font-medium text-white mt-1"> <p class="text-start text-[1rem] sm:text-lg font-medium text-white mt-1">
<!--${quickInfo?.loser?.price?.toFixed(2)}--> <!--${quickInfo?.loser?.price?.toFixed(2)}-->
{#if quickInfo?.loser?.changesPercentage >=0} {#if quickInfo?.loser?.changesPercentage >=0}
@ -149,7 +149,7 @@ onMount( async() => {
<Zap class="h-4 w-4 shrink-0" /> <Zap class="h-4 w-4 shrink-0" />
</Card.Header> </Card.Header>
<Card.Content> <Card.Content>
<a href={`/stocks/${quickInfo?.shorted?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-lg sm:text-xl font-semibold">{quickInfo?.shorted?.symbol}</a> <a href={`/stocks/${quickInfo?.shorted?.symbol}`} class="flex text-start text-blue-400 sm:hover:text-white text-[1rem] sm:text-xl font-semibold">{quickInfo?.shorted?.symbol}</a>
<p class="text-start text-[1rem] sm:text-lg font-medium text-[#FF2F1F] mt-1"> <p class="text-start text-[1rem] sm:text-lg font-medium text-[#FF2F1F] mt-1">
Short: {quickInfo?.shorted?.shortOutStandingPercent?.toFixed(2)}% Short: {quickInfo?.shorted?.shortOutStandingPercent?.toFixed(2)}%
</p> </p>
@ -262,7 +262,7 @@ onMount( async() => {
</Card.Header> </Card.Header>
<Card.Content> <Card.Content>
{#each data?.getDashboard?.wiimFeed as item} {#each data?.getDashboard?.wiimFeed as item}
<div class="border border-gray-800 p-6 mb-4 rounded-lg text-start"> <div class="pb-4 sm:pb-0 border-b sm:border border-gray-800 sm:p-6 mb-4 rounded-none sm:rounded-lg text-start">
<div class="text-sm text-white"> <div class="text-sm text-white">
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<div class="hidden sm:flex flex-row items-center mb-3"> <div class="hidden sm:flex flex-row items-center mb-3">
@ -312,7 +312,7 @@ onMount( async() => {
<div class="mb-4 rounded-lg text-start"> <div class="mb-4 rounded-lg text-start">
{#each data?.getDashboard?.marketNews as item} {#each data?.getDashboard?.marketNews as item}
<div class="flex flex-col items-start pt-4 pb-4 border-t border-gray-800"> <div class="flex flex-col items-start pt-4 pb-4 border-t border-gray-800">
<div class="hidden sm:flex flex-row items-center mb-3"> <div class="flex flex-row items-center mb-3">
<span class="text-gray-300 text-xs"> <span class="text-gray-300 text-xs">
{formatDate(item?.date)} ago {formatDate(item?.date)} ago
</span> </span>