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 2025-02-11 20:13:29 +01:00
parent 76cfc894dc
commit 8c834fcca7
3 changed files with 54 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/register/+page.server.ts
View File

@ -61,7 +61,7 @@ export const actions = {
error(err.status, err.message);
}
redirect(301, "/");
redirect(301, "/profile");
},
oauth2: async ({ url, locals, request, cookies }) => {

8
src/routes/stocks/[tickerID]/statistics/market-cap/+layout.svelte
View File

@ -1,6 +1,5 @@
<script lang="ts">
import { abbreviateNumber } from "$lib/utils";
import ArrowLogo from "lucide-svelte/icons/move-up-right";
export let data;
const similarStocks = data?.getSimilarStocks;
@ -96,9 +95,8 @@
>
Pro Subscription
</h2>
<ArrowLogo class="w-6 h-6 sm:w-8 sm:h-8 mr-3 flex-shrink-0" />
</div>
<span class="text-white p-3 sm:ml-3 sm:mr-3">
<span class="text-white p-3 sm:ml-3 sm:mr-3 -mt-4">
Upgrade now for unlimited access to all data and tools.
</span>
</a>
@ -115,7 +113,7 @@
Market Capitalization
</h2>
</div>
<span class="text-white">
<div class="text-white mt-3">
Market capitalization, also called net worth, is the total
value of all of a company's outstanding shares. It is
calculated by multiplying the stock price by the number of
@ -123,7 +121,7 @@
<br />
<br />
Formula: Market Cap = Stock Price * Shares Outstanding
</span>
</div>
</div>
</div>
</div>

93
src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte
View File

@ -431,33 +431,32 @@
/>
<div
class="mb-4 mt-5 bg-inherit flex flex-col divide-y divide-gray-600 rounded-md border border-gray-600 sm:grid sm:grid-cols-3 sm:divide-x sm:divide-y-0"
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6"
>
<div class="px-4 py-3 sm:px-2 sm:py-5 md:px-3 lg:p-6">
<div class="flex items-center justify-between sm:block">
<div class="text-[1rem] font-semibold text-white">
Market Cap
</div>
<div
class="mt-1 break-words font-semibold leading-8 text-white text-xl sm:text-2xl"
<div
class="bg-gray-800/30 rounded-lg p-4 sm:hover:bg-gray-800/40 transition-colors"
>
<div class="text-[#c3c6d0] text-sm mb-2 flex items-center">
<span>Market Cap</span>
<span class="ml-1 text-violet-400">●</span>
</div>
<div class="flex items-baseline">
<span class="text-2xl font-bold text-white">
{abbreviateNumber(data?.getStockQuote?.marketCap)}</span
>
{@html abbreviateNumber(
data?.getStockQuote?.marketCap,
false,
true,
)}
</div>
</div>
</div>
<div class="px-4 py-3 sm:px-2 sm:py-5 md:px-3 lg:p-6">
<div class="flex items-center justify-between sm:block">
<div class="text-[1rem] font-semibold text-white">
Category
</div>
<div
class="mt-1 break-words font-semibold leading-8 text-white text-xl sm:text-2xl"
>
{#if capCategory}
<div
class="bg-gray-800/30 rounded-lg p-4 sm:hover:bg-gray-800/40 transition-colors"
>
<div class="text-[#c3c6d0] text-sm mb-2 flex items-center">
<span>Category</span>
<span class="ml-1 text-red-400">●</span>
</div>
<div class="flex items-baseline">
<span class="text-2xl font-bold text-white"
>{#if capCategory}
<a
class="sm:hover:text-white text-blue-400"
href={capCategory.link}
@ -466,29 +465,37 @@
</a>
{:else}
n/a
{/if}
</div>
{/if}</span
>
</div>
</div>
<div class="px-4 py-3 sm:px-2 sm:py-5 md:px-3 lg:p-6">
<div class="flex items-center justify-between sm:block">
<div class="text-[1rem] font-semibold text-white">
1-Year Change
</div>
<div
class="mt-1 break-words font-semibold leading-8 text-[1rem] sm:text-lg {changePercentageYearAgo >=
0 && changePercentageYearAgo !== null
? "before:content-['+'] text-[#00FC50]"
: changePercentageYearAgo < 0 &&
changePercentageYearAgo !== null
? 'text-[#FF2F1F]'
: 'text-white'}"
<div
class="bg-gray-800/30 rounded-lg p-4 sm:hover:bg-gray-800/40 transition-colors"
>
<div class="text-[#c3c6d0] text-sm mb-2 flex items-center">
<span>1-Year Change</span>
<span class="ml-1">●</span>
</div>
<div class="flex items-baseline">
<span class="text-2xl font-bold text-white"
>{changePercentageYearAgo > 100
? "> 100"
: changePercentageYearAgo?.toFixed(1)}%</span
>
{changePercentageYearAgo !== null
? abbreviateNumber(
changePercentageYearAgo?.toFixed(2),
) + "%"
: "n/a"}
<div class="flex flex-col ml-2">
<span
class="text-sm {changePercentageYearAgo >= 0 &&
changePercentageYearAgo !== null
? "before:content-['+'] text-[#00FC50]"
: changePercentageYearAgo < 0 &&
changePercentageYearAgo !== null
? 'text-[#FF2F1F]'
: 'text-white'}"
>
{changePercentageYearAgo >= 0 ? "Positive" : "Negative"}
Trend
</span>
</div>
</div>
</div>