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:36:09 +02:00
parent 59829f2561
commit 5712db0010
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
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-[1rem] 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-lg 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-[1rem] 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-lg 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-[1rem] 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-lg 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-[1rem] 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-lg 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>
@ -189,16 +189,16 @@ onMount( async() => {
<Table.Cell> <Table.Cell>
<a href={item?.assetType === 'stock' ? `/stocks/${item?.ticker}` : `/etf/${item?.ticker}`} class="font-medium text-blue-400">{item?.ticker}</a> <a href={item?.assetType === 'stock' ? `/stocks/${item?.ticker}` : `/etf/${item?.ticker}`} class="font-medium text-blue-400">{item?.ticker}</a>
</Table.Cell> </Table.Cell>
<Table.Cell class="xl:table.-column"> <Table.Cell class="xl:table.-column {item?.put_call === 'Calls' ? 'text-[#00FC50]' : 'text-[#FC2120]'}">
{abbreviateNumber(item?.cost_basis,true)} {abbreviateNumber(item?.cost_basis,true)}
</Table.Cell> </Table.Cell>
<Table.Cell class="xl:table.-column"> <Table.Cell class="xl:table.-column">
${item?.strike_price} ${item?.strike_price}
</Table.Cell> </Table.Cell>
<Table.Cell class="md:table.-cell xl:table.-column"> <Table.Cell class="md:table.-cell xl:table.-column {item?.sentiment === 'Bullish' ? 'text-[#00FC50]' : item?.sentiment === 'Bearish' ? 'text-[#FC2120]' : 'text-[#C6A755]'}">
{item?.sentiment} {item?.sentiment}
</Table.Cell> </Table.Cell>
<Table.Cell class="md:table.-cell xl:table.-column"> <Table.Cell class="md:table.-cell xl:table.-column {item?.put_call === 'Calls' ? 'text-[#00FC50]' : 'text-[#FC2120]'}">
{item?.put_call} {item?.put_call}
</Table.Cell> </Table.Cell>