This commit is contained in:
MuslemRahimi 2024-08-17 09:51:24 +02:00
parent 3b3bdc2faf
commit ad6a68eac0
2 changed files with 5 additions and 13 deletions

View File

@ -216,17 +216,8 @@ function selectTimeInterval(interval) {
} }
let sortBy = 'change'; // Default sorting by change percentage let sortBy = 'change'; // Default sorting by change percentage
let charNumber = 30;
$: { $: charNumber = $screenWidth < 640 ? 20 : 30;
if($screenWidth < 640)
{
charNumber = 20;
}
else {
charNumber =30;
}
}
</script> </script>

View File

@ -261,8 +261,8 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
Stock Indexes - {getCurrentDateFormatted()} Stock Indexes - {getCurrentDateFormatted()}
</div> </div>
<div class="w-full -mt-4 sm:mt-0 mb-8 m-auto flex justify-center items-center p-3 sm:p-0"> <div class="w-full -mt-4 sm:mt-0 mb-8 m-auto flex justify-start sm:justify-center items-center p-3 sm:p-0">
<div class="w-full grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-y-3 lg:gap-y-0 gap-x-3 "> <div class="w-full grid grid-cols-2 md:grid-cols-4 gap-y-3 lg:gap-y-0 gap-x-3 ">
<MiniPlot title="S&P500" priceData = {priceDataSP500} changesPercentage={changeSP500} previousClose={previousCloseSP500}/> <MiniPlot title="S&P500" priceData = {priceDataSP500} changesPercentage={changeSP500} previousClose={previousCloseSP500}/>
<MiniPlot title="Nasdaq" priceData = {priceDataNasdaq} changesPercentage={changeNasdaq} previousClose={previousCloseNasdaq}/> <MiniPlot title="Nasdaq" priceData = {priceDataNasdaq} changesPercentage={changeNasdaq} previousClose={previousCloseNasdaq}/>
<MiniPlot title="Dow" priceData = {priceDataDowJones} changesPercentage={changeDowJones} previousClose={previousCloseDowJones}/> <MiniPlot title="Dow" priceData = {priceDataDowJones} changesPercentage={changeDowJones} previousClose={previousCloseDowJones}/>
@ -272,6 +272,7 @@ $: charNumber = $screenWidth < 640 ? 15 : 40;
{#if priceAlertList?.length === 0} {#if priceAlertList?.length === 0}
<div class="flex flex-col justify-center items-center m-auto pt-8"> <div class="flex flex-col justify-center items-center m-auto pt-8">
<span class="text-white font-bold text-white text-xl sm:text-3xl"> <span class="text-white font-bold text-white text-xl sm:text-3xl">