ui fixing
This commit is contained in:
MuslemRahimi
parent
08ad178040
commit
35aca697f9
@ -190,7 +190,7 @@ $: {
|
||||
|
||||
<section class="overflow-hidden text-white h-full pb-8 sm:pb-2">
|
||||
<main class="overflow-hidden ">
|
||||
<div class="w-fit sm:w-full m-auto mt-5 sm:mt-0">
|
||||
<div class="w-full m-auto mt-5 sm:mt-0">
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<label for="predictiveFundamentalsInfo" class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold">
|
||||
@ -262,19 +262,20 @@ $: {
|
||||
|
||||
|
||||
<div class="flex flex-row items-center justify-between m-auto mt-10">
|
||||
|
||||
<div class="flex flex-row items-center w-1/2 sm:w-full justify-center">
|
||||
<div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#3B82F6] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#fff] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
|
||||
<span class="text-white text-sm sm:text-md sm:font-medium inline-block">
|
||||
Analyst Forecast
|
||||
Actual
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center w-1/2 sm:w-full justify-center">
|
||||
<div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#0FC008] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#E11D48] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
|
||||
<span class="text-white text-sm sm:text-md sm:font-medium inline-block">
|
||||
Actual
|
||||
Analyst Forecast
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -323,7 +324,12 @@ $: {
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-5 text-gray-100 text-sm sm:text-[1rem] sm:rounded-lg h-auto border border-slate-800 p-4">
|
||||
<svg class="w-5 h-5 inline-block mr-0.5 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"/></svg>
|
||||
For {(new Date()).getFullYear()}, we use available quarterly data. Complete annual data, used to compare against analyst estimates, is only finalized after the year ends.
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@ -176,7 +176,7 @@ const getClinicalTrial = async (ticker) => {
|
||||
// Cache the data for this specific tickerID with a specific name 'getClinicalTrial'
|
||||
setCache(ticker, rawData, 'getClinicalTrial');
|
||||
}
|
||||
if(rawData?.length !== 0) {
|
||||
if(rawData?.length >= 5) {
|
||||
$clinicalTrialComponent = true;
|
||||
} else {
|
||||
$clinicalTrialComponent = false;
|
||||
@ -232,7 +232,7 @@ let charNumber = 20;
|
||||
{#if data?.user?.tier === 'Pro'}
|
||||
{#if isLoaded}
|
||||
|
||||
{#if rawData?.length !== 0}
|
||||
{#if rawData?.length >= 5}
|
||||
|
||||
<div class="w-full flex flex-col items-start">
|
||||
<div class="text-white text-sm sm:text-[1rem] mt-2 mb-2 w-full">
|
||||
|
||||
@ -151,9 +151,9 @@ function getPlotOptions() {
|
||||
|
||||
data: shortVolumeList,
|
||||
type: 'line',
|
||||
areaStyle: {opacity: 0.3},
|
||||
areaStyle: {opacity: 1},
|
||||
itemStyle: {
|
||||
color: '#536FC5' // Change bar color to white
|
||||
color: '#3B82F6' // Change bar color to white
|
||||
},
|
||||
showSymbol: false
|
||||
},
|
||||
|
||||
@ -100,21 +100,21 @@ function getPlotOptions() {
|
||||
data: addTotalDebt,
|
||||
type: 'bar',
|
||||
itemStyle: {
|
||||
color: '#FF2F1F' // Change bar color to white
|
||||
color: '#3B82F6' // Change bar color to white
|
||||
}
|
||||
},
|
||||
{
|
||||
data: marketCapitalization,
|
||||
type: 'bar',
|
||||
itemStyle: {
|
||||
color: '#5470C6' // Change bar color to white
|
||||
color: '#E11D48' // Change bar color to white
|
||||
}
|
||||
},
|
||||
{
|
||||
data: enterpriseValue,
|
||||
type: 'bar',
|
||||
itemStyle: {
|
||||
color: '#F8901E' // Change bar color to white
|
||||
color: '#22C55E' // Change bar color to white
|
||||
}
|
||||
},
|
||||
]
|
||||
@ -213,21 +213,21 @@ $: {
|
||||
<div class="flex flex-row items-center justify-between mx-auto mt-5 w-full sm:w-11/12">
|
||||
<div class="mt-3.5 sm:mt-0 flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
|
||||
<div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#F8901E] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#22C55E] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
|
||||
<span class="mt-2 sm:mt-0 text-white text-center sm:text-start text-xs sm:text-md inline-block">
|
||||
Enterprise Value
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
|
||||
<div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#5470C6] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#E11D48] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
|
||||
<span class="mt-2 sm:mt-0 text-white text-xs sm:text-md sm:font-medium inline-block">
|
||||
Mkt Cap
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
|
||||
<div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#FF2F1F] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
|
||||
<div class="w-3 h-3 bg-[#3B82F6] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
|
||||
<span class="mt-2 sm:mt-0 text-white text-xs sm:text-md inline-block">
|
||||
Debt
|
||||
</span>
|
||||
|
||||
@ -83,6 +83,8 @@ function getPlotOptions() {
|
||||
|
||||
});
|
||||
|
||||
console.log(tradingList)
|
||||
|
||||
findMonthlyValue(historyData, rawData?.lastDate)
|
||||
|
||||
|
||||
|
||||
@ -30,8 +30,8 @@
|
||||
top: {$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}%;
|
||||
width: {r * 2}px;
|
||||
height: {r * 2}px;
|
||||
background-color: {d?.dataset === 'actual' ? '#10C208' : 'rgb(0,187,255,0.4)'};
|
||||
border: {strokeWidth}px solid {d?.dataset === 'actual' ? '#10C208' : 'rgb(0,187,255,0.4)'};
|
||||
background-color: {d?.dataset === 'actual' ? '#fff' : '#E11D48'};
|
||||
border: {strokeWidth}px solid {d?.dataset === 'actual' ? '#E11D48' : 'rgb(0,187,255,0.4)'};
|
||||
"
|
||||
/>
|
||||
{/each}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user