fixed some issues with blockspace mobile pages

growthepie · Sep 2, 2024 · 323758f · 323758f
1 parent 51ced69
commit 323758f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 21 deletions.
diff --git a/components/layout/BlockspaceOverview/OverviewChart.tsx b/components/layout/BlockspaceOverview/OverviewChart.tsx
@@ -553,25 +553,6 @@ export default function OverviewChart({
             ? pointY + distance
             : pointY - tooltipHeight / 2;
 
-        if (isMobile) {
-          if (pointX - tooltipWidth / 2 < plotLeft) {
-            return {
-              x: plotLeft,
-              y: -250,
-            };
-          }
-          if (pointX + tooltipWidth / 2 > plotLeft + plotWidth) {
-            return {
-              x: plotLeft + plotWidth - tooltipWidth,
-              y: -250,
-            };
-          }
-          return {
-            x: pointX - tooltipWidth / 2,
-            y: -250,
-          };
-        }
-
         return {
           x: tooltipX,
           y: tooltipY,

diff --git a/components/layout/CategoryMetrics.tsx b/components/layout/CategoryMetrics.tsx
@@ -1189,7 +1189,7 @@ export default function CategoryMetrics({
                       ))}
                   </div>
                 </div>
-                <div className="w-full lg:w-[56%] relative bottom-2 mt-6 mb-[30px] h-[320px] lg:mt-0 lg:h-auto">
+                <div className="w-full lg:w-[56%] relative bottom-2 mt-1 mb-[30px] h-[320px] lg:mt-0 lg:h-auto">
                   {chartSeries && (
                     <Chart
                       chartType={
@@ -1236,7 +1236,7 @@ export default function CategoryMetrics({
               </div>
               <div>
                 {" "}
-                <div className="flex flex-wrap items-center w-[98%] mx-auto gap-y-2 invisible lg:visible ">
+                <div className="items-center w-[98%] mx-auto gap-y-2 hidden lg:flex lg:flex-row ">
                   <div className="font-bold text-sm pr-2 pl-2">
                     {formatSubcategories(selectedCategory)}:{" "}
                   </div>