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 2025-02-20 10:56:09 +01:00
parent 5fda8c882c
commit ddf2cc82c9
2 changed files with 30 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -104,33 +104,26 @@
{/if} {/if}
<div <div
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 bg-inherit transition ease-out duration-100" class="w-full p-2 text-white border border-gray-600 bg-inherit rounded-md h-fit pb-4 mt-4"
> >
<div class="w-auto lg:w-full p-2 flex flex-col m-auto px-2"> <h3 class="p-2 pt-4 text-xl font-semibold">
<div>
<div class="p-2 w-full flex justify-between items-center mt-3">
<h2 class="text-start text-xl font-semibold text-white">
Market Capitalization Market Capitalization
</h2> </h3>
</div>
<div class="text-white p-2"> <div class="text-white p-2">
Market capitalization, also called net worth, is the total Market capitalization, also called net worth, is the total value
value of all of a company's outstanding shares. It is of all of a company's outstanding shares. It is calculated by
calculated by multiplying the stock price by the number of multiplying the stock price by the number of shares outstanding.
shares outstanding.
<br /> <br />
<br /> <br />
Formula: Market Cap = Stock Price * Shares Outstanding Formula: Market Cap = Stock Price * Shares Outstanding
</div> </div>
<a <a
href="/blog/article/market-capitalization" href="/blog/article/market-capitalization"
class="flex justify-center items-center rounded cursor-pointer w-full py-2 mt-3 text-[1rem] text-center font-semibold text-black m-auto sm:hover:bg-gray-300 bg-[#fff] transition duration-100" class="flex justify-center items-center rounded cursor-pointer w-full py-2 mt-2 text-[1rem] text-center font-semibold text-black m-auto sm:hover:bg-gray-300 bg-[#fff] transition duration-100"
> >
Full Definition Full Definition
</a> </a>
</div> </div>
</div>
</div>
{#if similarStocks?.length > 0} {#if similarStocks?.length > 0}
<div <div

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

@ -501,10 +501,14 @@
</div> </div>
</div> </div>
<div class="flex flex-row items-center w-full mt-10 mb-8">
<h1 class="text-2xl text-white font-bold">Market Cap Chart</h1>
<div <div
class="flex flex-row items-center w-fit sm:w-[50%] md:w-auto ml-auto" class="flex flex-col sm:flex-row items-start sm:items-center w-full sm:mt-10 mb-8"
>
<h1 class="text-2xl text-white font-bold mb-3 sm:mb-0">
Historical Chart
</h1>
<div
class="flex flex-row items-center w-fit sm:w-[50%] md:w-auto sm:ml-auto"
> >
<div class="relative inline-block text-left grow"> <div class="relative inline-block text-left grow">
<DropdownMenu.Root> <DropdownMenu.Root>
@ -513,7 +517,9 @@
builders={[builder]} builders={[builder]}
class="w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
<span class="truncate text-white">{timePeriod}</span> <span class="truncate text-white text-xs sm:text-sm"
>{timePeriod}</span
>
<svg <svg
class="-mr-1 ml-1 h-5 w-5 xs:ml-2 inline-block" class="-mr-1 ml-1 h-5 w-5 xs:ml-2 inline-block"
viewBox="0 0 20 20" viewBox="0 0 20 20"
@ -587,7 +593,9 @@
on:click={() => exportData("csv")} on:click={() => exportData("csv")}
class="ml-2 w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="ml-2 w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
> >
<span class="truncate text-white">Download</span> <span class="truncate text-white text-xs sm:text-sm"
>Download</span
>
<svg <svg
class="{data?.user?.tier === 'Pro' class="{data?.user?.tier === 'Pro'
? 'hidden' ? 'hidden'