fixed various issues on economics pages

growthepie · Sep 10, 2024 · 21fa83f · 21fa83f
1 parent 76d268e
commit 21fa83f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/components/layout/Economics/BreakdownCharts.tsx b/components/layout/Economics/BreakdownCharts.tsx
@@ -662,8 +662,8 @@ function BreakdownCharts({
               // showLastLabel={true}
               type="linear"
               gridLineWidth={1}
-              gridLineColor={"#CDD8D3AA"}
-              gridLineDashStyle={"Dot"}
+              gridLineColor={"#5A6462"}
+              gridLineDashStyle={"ShortDot"}
               gridZIndex={10}
               min={0}
               showFirstLabel={true}
@@ -900,8 +900,8 @@ function BreakdownCharts({
               zoomEnabled={false}
               type="linear"
               gridLineWidth={1}
-              gridLineColor={"#CDD8D3AA"}
-              gridLineDashStyle={"Dot"}
+              gridLineColor={"#5A6462"}
+              gridLineDashStyle={"ShortDot"}
               gridZIndex={10}
               showFirstLabel={true}
               showLastLabel={false}

diff --git a/components/layout/Economics/ChainBreakdown.tsx b/components/layout/Economics/ChainBreakdown.tsx
@@ -541,7 +541,7 @@ export default function ChainBreakdown({
                   </div>
                 </div>
                 <div
-                  className="flex items-center bg-[#344240] gap-x-1 text-[8px] rounded-full px-[5px] py-[2px] cursor-pointer"
+                  className="flex items-center bg-[#344240] gap-x-1 text-[10px] rounded-full px-[5px] py-[2px] cursor-pointer"
                   onClick={() => {
                     setEnableDASort(true);
                     if (DAIndex === allChainsDA.length - 1) {
@@ -970,16 +970,16 @@ export default function ChainBreakdown({
                         </div>
 
                         <div
-                          className="flex items-center bg-[#344240] gap-x-1 h-[18px] text-[14px] rounded-full px-[5px] py-[3px]"
+                          className="flex items-center bg-[#344240] gap-x-1 h-[18px] text-[10px] rounded-full px-[6px] py-[3px]"
                           key={localDataAvail.label}
                         >
-                          <div>{localDataAvail.label}</div>
                           <div className="flex items-center gap-x-1">
                             <Icon
                               icon={`gtp:${localDataAvail.icon}`}
                               className="w-[12px] h-[12px]"
                             />
                           </div>
+                          <div>{localDataAvail.label}</div>
                         </div>
                       </div>
                       <div

diff --git a/components/layout/Economics/HeadCharts.tsx b/components/layout/Economics/HeadCharts.tsx
@@ -128,7 +128,7 @@ export default function EconHeadCharts({
           });
       }
 
-      const tooltip = `<div class="mt-3 mr-3 mb-3 w-36 md:w-40 text-xs font-raleway">
+      const tooltip = `<div class="mt-3 mr-3 mb-3 w-48 md:w-48 text-xs font-raleway">
         <div class="w-full font-bold text-[13px] md:text-[1rem] ml-6 mb-2 ">${dateString}</div>`;
       const tooltipEnd = `</div>`;