ui fix

2024-08-19 22:45:32 +02:00 · 2024-08-19 22:45:32 +02:00 · a531635b4a
commit a531635b4a
parent 62b86d1cb3
5 changed files with 23 additions and 41 deletions
--- a/src/routes/hedge-funds/[slug]/+page.svelte
+++ b/src/routes/hedge-funds/[slug]/+page.svelte
@ -261,7 +261,7 @@ async function handleMode(i) {
      },
      grid: {
          left: $screenWidth < 640 ? '0.5%' : '0%',
-          right: $screenWidth < 640 ? '1%' : '5%',
+          right: $screenWidth < 640 ? '1%' : '10%',
          bottom: '0%',
          containLabel: true
      },
@ -335,7 +335,7 @@ async function handleMode(i) {
      },
      grid: {
          left: $screenWidth < 640 ? '0.5%' : '0%',
-          right: $screenWidth < 640 ? '1%' : '5%',
+          right: $screenWidth < 640 ? '1%' : '10%',
          bottom: '0%',
          containLabel: true
      },
@ -689,7 +689,7 @@ onMount(async () => {
                <main class="w-full mt-10 sm:mt-0 sm:pl-10">
                
                  {#if isLoaded && Object?.keys(optionsData)?.length !== 0}
-                  <div class="bg-[#09090B] sm:bg-[#09090B] rounded-lg sm:min-h-[330px] mb-10 sm:mb-6">
+                  <div class="bg-[#09090B] rounded-lg sm:min-h-[330px] mb-10 sm:mb-6">
  
                    <div class="flex flex-row justify-start items-center">
                      {#if activePlotIdx === 0}
--- a/src/routes/stocks/[tickerID]/stats/balance-sheet/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/balance-sheet/+page.svelte
@ -297,7 +297,6 @@ function normalizer(value) {
            axisLabel: {
            color: '#fff', // Change label color to white
            formatter: function (value) {
-                value = Math.max(value, 0);
                return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
                },
            },
@ -435,7 +434,6 @@ $: {
 <!-- Other meta tags -->
 <meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) Balance Sheet &#183 stocknear`}/>
 <meta property="og:description" content={`Detailed balance sheet for ${$displayCompanyName} (${$stockTicker}), including cash, debt, assets, liabilities, and book value.`} />
-<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <meta property="og:type" content="website"/>
 <!-- Add more Open Graph meta tags as needed -->

@ -443,7 +441,6 @@ $: {
 <meta name="twitter:card" content="summary_large_image"/>
 <meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) Balance Sheet &#183 stocknear`}/>
 <meta name="twitter:description" content={`Detailed balance sheet for ${$displayCompanyName} (${$stockTicker}), including cash, debt, assets, liabilities, and book value.`} />
-<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <!-- Add more Twitter meta tags as needed -->

 </svelte:head>
@ -452,7 +449,7 @@ $: {
    <section class="bg-[#09090B] overflow-hidden text-white h-full pb-40 sm:mb-0">
        <div class="flex justify-center w-full m-auto h-full overflow-hidden">
            <div class="relative flex justify-center items-center overflow-hidden">
-                <main>
+                <main class="w-full">
                    <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                        <div class="mb-3">
                            <h1 class="text-2xl text-gray-200 font-bold">
--- a/src/routes/stocks/[tickerID]/stats/cash-flow/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/cash-flow/+page.svelte
@ -264,7 +264,6 @@ function plotData()
            axisLabel: {
            color: '#fff', // Change label color to white
            formatter: function (value) {
-                value = Math.max(value, 0);
                return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
                },
            },
@ -401,7 +400,6 @@ $: {
 <!-- Other meta tags -->
 <meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) Cash Flow Statement · stocknear`}/>
 <meta property="og:description" content={`Detailed cash flow statements for ${$displayCompanyName} (${$stockTicker}), including operating cash flow, capex and free cash flow.`} />
-<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <meta property="og:type" content="website"/>
 <!-- Add more Open Graph meta tags as needed -->

@ -409,7 +407,6 @@ $: {
 <meta name="twitter:card" content="summary_large_image"/>
 <meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) Cash Flow Statement · stocknear`}/>
 <meta name="twitter:description" content={`Detailed cash flow statements for ${$displayCompanyName} (${$stockTicker}), including operating cash flow, capex and free cash flow.`} />
-<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <!-- Add more Twitter meta tags as needed -->

 </svelte:head>
@ -418,7 +415,7 @@ $: {
 <section class="bg-[#09090B] overflow-hidden text-white h-full pb-40 sm:mb-0">
    <div class="flex justify-center w-full m-auto h-full overflow-hidden">
        <div class="relative flex justify-center items-center overflow-hidden">
-            <main>
+            <main class="w-full">
                <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                    <div class="mb-3">
                        <h1 class="text-2xl text-gray-200 font-bold">
@ -537,7 +534,7 @@ $: {
                        </div>
            
                        <div class="app w-full">
-                            <Chart {init} options={optionsData} class="chart" />
+                            <Chart {init} options={optionsData} class="chart"/>
                        </div>

                        <div class="w-full overflow-x-scroll">         
--- a/src/routes/stocks/[tickerID]/stats/income/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/income/+page.svelte
@ -140,17 +140,16 @@ import { init, use } from 'echarts/core'
    
    
        
-    function toggleMode()
-    {
+function toggleMode()
+{
    mode = !mode;
-    }
+}
            
-                
-                
-    function changeStatement(event)
-    {
+           
+function changeStatement(event)
+{
    displayStatement = event.target.value;
-    }
+}


 function normalizer(value) {
@ -239,7 +238,6 @@ function plotData()
            axisLabel: {
            color: '#fff', // Change label color to white
            formatter: function (value) {
-                value = Math.max(value, 0);
                return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions
                },
            },
@ -330,12 +328,13 @@ const filterStatement = (fullStatement, timeFrame) => {
  }
 };

-    fullStatement = data?.getIncomeStatement;
-    timeFrame = '10Y';
-    displayStatement = 'revenue';
-    

-    $: {
+fullStatement = data?.getIncomeStatement;
+timeFrame = '10Y';
+displayStatement = 'revenue';
+
+
+$: {
    if (timeFrame || displayStatement || filterRule)
    {   
        if (filterRule === 'annual') {
@ -349,10 +348,8 @@ const filterStatement = (fullStatement, timeFrame) => {
        if (mode === true)
        {
            optionsData= plotData()
-        }
-        
+        }   
    }
-
 }


@ -368,21 +365,12 @@ const filterStatement = (fullStatement, timeFrame) => {
    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} {$displayCompanyName} ({$stockTicker}) Financials - Income Statement · stocknear
 </title>
 <meta name="description" content={`Detailed annual and timeFramely income statement for ${$displayCompanyName} (${$stockTicker}). See many years of revenue, expenses and profits or losses.`} />
-
-<!-- Other meta tags -->
 <meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) Financials - Income Statement · stocknear`}/>
 <meta property="og:description" content={`Detailed annual and timeFramely income statement for ${$displayCompanyName} (${$stockTicker}). See many years of revenue, expenses and profits or losses.`} />
-<meta property="og:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
 <meta property="og:type" content="website"/>
-<!-- Add more Open Graph meta tags as needed -->
-
-<!-- Twitter specific meta tags -->
 <meta name="twitter:card" content="summary_large_image"/>
 <meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) Financials - Income Statement · stocknear`}/>
 <meta name="twitter:description" content={`Detailed annual and timeFramely income statement for ${$displayCompanyName} (${$stockTicker}). See many years of revenue, expenses and profits or losses.`} />
-<meta name="twitter:image" content="https://stocknear-pocketbase.s3.amazonaws.com/logo/meta_logo.jpg"/>
-<!-- Add more Twitter meta tags as needed -->
-
 </svelte:head>

    
@ -391,7 +379,7 @@ const filterStatement = (fullStatement, timeFrame) => {
            <div class="w-full relative flex justify-center items-center overflow-hidden">

                {#if isLoaded}
-                <main>
+                <main class="w-full">
                    <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                        <div class="mb-3">
                            <h1 class="text-2xl text-gray-200 font-bold">
@ -484,7 +472,7 @@ const filterStatement = (fullStatement, timeFrame) => {
            
    
                        {#if mode}
-                            <div class="w-full Max-w-3xl">
+                            <div class="w-full">
                                <div class="relative">
                                <select class="select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-[#2A303C]" on:change={changeStatement}>
                                    <option disabled>Choose an Cash Flow Variable</option>
--- a/src/routes/stocks/[tickerID]/stats/ratios/+page.svelte
+++ b/src/routes/stocks/[tickerID]/stats/ratios/+page.svelte
@ -356,7 +356,7 @@ $: {
 <section class="bg-[#09090B] overflow-hidden text-white h-full pb-40 sm:mb-0">
    <div class="flex justify-center w-full m-auto h-full overflow-hidden">
        <div class="relative flex justify-center items-center overflow-hidden">
-            <main>
+            <main class="w-full">
                <div class="sm:p-7 m-auto mt-2 sm:mt-0">
                    <div class="mb-3">
                        <h1 class="text-2xl text-gray-200 font-bold">