AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

resize crypto page

Browse Source
This commit is contained in:
MuslemRahimi 2024-07-12 21:13:48 +02:00
parent 6d2d4f9ec0
commit e014b94b1b
6 changed files with 611 additions and 467 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/BuyTrade.svelte
View File

@ -185,7 +185,7 @@
<div class= "flex flex-col">
<div class="text-white text-md flex flex-col flex-shrink-0">
<div class="rounded-full w-10 h-10 relative bg-[#202020] mb-2">
<img class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" src={`https://financialmodelingprep.com/image-stock/${$assetType === 'stock' ? $stockTicker : $etfTicker}.png`} loading="lazy"/>
<img class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" src={`https://financialmodelingprep.com/image-stock/${$assetType === 'stock' ? $stockTicker : $assetType === 'etf' ? $etfTicker : $cryptoTicker}.png`} loading="lazy"/>
</div>
<span class="mb-1">
{$displayCompanyName?.length > 35 ? $displayCompanyName?.slice(0, 35) + "..." : $displayCompanyName}

2
src/lib/components/SellTrade.svelte
View File

@ -181,7 +181,7 @@ $: {
<div class="text-white text-md flex flex-col flex-shrink-0">
<div class="rounded-full w-10 h-10 relative bg-gray-900 mb-2">
<img class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" src={`https://financialmodelingprep.com/image-stock/${$assetType === 'stock' ? $stockTicker : $etfTicker}.png`} />
<img class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" src={`https://financialmodelingprep.com/image-stock/${$assetType === 'stock' ? $stockTicker : $assetType === 'etf' ? $etfTicker : $cryptoTicker}.png`} />
</div>
<span class="mb-1">
{$displayCompanyName?.length > 30 ? $displayCompanyName?.slice(0, 30) + "..." : $displayCompanyName}

10
src/routes/crypto/[tickerID]/+layout.svelte
View File

@ -558,12 +558,12 @@ $: {
<!--End Mobile Navbar-->
<div class="w-full xl:w-fit max-w-3xl sm:max-w-6xl m-auto px-3 sm:px-6">
<div class="w-full xl:w-fit max-w-3xl sm:max-w-6xl m-auto px-3">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content -->
<div class="pb-12 md:pb-20 w-full max-w-3xl lg:max-w-2xl">
<div class="md:pr-6 lg:pr-10">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content -->
<div class="pb-12 md:pb-20 w-full max-w-5xl lg:max-w-3xl">
<div class="md:pr-6 lg:pr-10">
<!-----Start-Header-CandleChart-Indicators------>

4
src/routes/crypto/[tickerID]/+page.svelte
View File

@ -718,12 +718,12 @@ afterUpdate(async () => {
<section class="bg-[#0F0F0F] min-h-screen pb-40">
<div class="w-full max-w-3xl m-auto ">
<div class="w-full max-w-4xl m-auto ">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content -->
<div class="pb-12 md:pb-20 w-full max-w-2xl sm:pr-6 xl:pr-0">
<div class="pb-12 md:pb-20 w-full max-w-3xl sm:pr-6 xl:pr-0">
<div class="xl:pr-10">

2
src/routes/crypto/[tickerID]/congress-trading/+page.svelte
View File

@ -297,7 +297,7 @@ isLoaded = true;
</thead>
<tbody>
{#each senateTradingList as item}
<tr on:click={() => goto(`/politicians/${item?.id}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer">
<tr on:click={() => goto(`/politicians/${item?.id}`)} class="odd:bg-[#202020] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer">
<td class="text-gray-200 pb-3 border-b border-b-[#0F0F0F]">
<div class="flex flex-row items-center">

1058
src/routes/crypto/[tickerID]/stats/+page.svelte
View File

File diff suppressed because it is too large Load Diff