From 5def95e8ddb1b89d671a215a13df917d9427ded9 Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Fri, 20 Sep 2024 16:14:57 +0200 Subject: [PATCH] ui fixes --- src/routes/crypto/+page.svelte | 36 ++++++++++------------- src/routes/etf/+page.svelte | 31 +++++++++----------- src/routes/stocks/+page.svelte | 52 +++++++++++++++------------------- 3 files changed, 51 insertions(+), 68 deletions(-) diff --git a/src/routes/crypto/+page.svelte b/src/routes/crypto/+page.svelte index 58bbe32b..3b274a05 100644 --- a/src/routes/crypto/+page.svelte +++ b/src/routes/crypto/+page.svelte @@ -116,8 +116,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40; - -
+
@@ -131,46 +130,40 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
-
- +
+
- - - - - + + + + + {#each symbolList as item,index} goto("/crypto/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer"> - - - - - @@ -183,6 +176,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
NameMarketCapCirculating SupplyMax SupplySymbolNameMarketCapCirculating SupplyMax Supply
{item?.symbol} - -
-
- {item?.symbol} - {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name} -
-
+ 		+ {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name} + {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'} + {item?.circulatingSupply !== null ? abbreviateNumber(item?.circulatingSupply,true) : '-'} + {item?.maxSupply !== 'Uncapped' ? abbreviateNumber(item?.maxSupply,true) : 'Uncapped'}
+
diff --git a/src/routes/etf/+page.svelte b/src/routes/etf/+page.svelte index cd557c91..0ab1bc55 100644 --- a/src/routes/etf/+page.svelte +++ b/src/routes/etf/+page.svelte @@ -135,7 +135,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40; -
+
@@ -149,41 +149,35 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
- - +
+
- - - - + + + + {#each stockList as item,index} goto("/etf/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer"> - - - - @@ -195,6 +189,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
Fund NameHoldingsTotal AssetsSymbolFund NameHoldingsTotal Assets
{item?.symbol} - -
-
- {item?.symbol} - {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name} -
-
+ 		+ {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name} + {item?.numberOfHoldings !== null ? abbreviateNumber(item?.numberOfHoldings) : '-'} + {item?.totalAssets !== null ? abbreviateNumber(item?.totalAssets,true) : '-'}
+
diff --git a/src/routes/stocks/+page.svelte b/src/routes/stocks/+page.svelte index 1df32809..9a81b88f 100644 --- a/src/routes/stocks/+page.svelte +++ b/src/routes/stocks/+page.svelte @@ -140,28 +140,27 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
+
+ + + +
+ +
+ + {rawData?.length} Stocks + +
-
+
- - -
- -
- - {rawData?.length} Stocks - -
- -
- - - +
+
- - - + + + @@ -169,26 +168,20 @@ $: charNumber = $screenWidth < 640 ? 15 : 40; {#each stockList as item,index} goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer"> - - - - @@ -200,6 +193,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
NameSectorSymbolNameSector Market Cap
{item?.symbol} - -
-
- {item?.symbol} - {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name} -
-
+ 		+ {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name} + {item?.sector !== null ? item?.sector : '-'} + {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'}
+