map page scaling

client/src/components/complexPage/ComplexTopPanel.tsx

@@ -6,7 +6,7 @@ import HintIcon from "../icons/HintIcon";
 import LeftArrowSliderIcon from "../icons/LeftArrowSliderIcon";
 import ResizeIcon from "../icons/ResizeIcon";
 import HelpModal from "../modals/HelpModal";
-import MasterplanFilters from "../modals/MasterplanFilters";
+// import MasterplanFilters from "../modals/MasterplanFilters";
 import InfoIcon from "../icons/InfoIcon";
 import useFullScreen from "../../store/useFullScreen";
 import ActiveResizeIcon from "../icons/ActiveResizeIcon";
@@ -24,9 +24,9 @@ const ComplexTopPanel = () => {
     setModal(<HelpModal />);
   };
 
-  const handleOnFiltersClick = () => {
-    setModal(<MasterplanFilters />);
-  };
+  // const handleOnFiltersClick = () => {
+  //   setModal(<MasterplanFilters />);
+  // };
 
   const handleOnMobileFiltersClick = () => {
     setModal(
@@ -61,7 +61,7 @@ const ComplexTopPanel = () => {
 
   return (
     <>
-      <div className="absolute top-0 w-screen z-20 select-none pointer-events-none">
+      <div className=" absolute top-0 w-screen z-20 select-none pointer-events-none">
         <img src="../images/top_shadow.png" className="w-screen" alt="" />
       </div>
       <div
@@ -78,7 +78,7 @@ const ComplexTopPanel = () => {
             icon={<FilterIcon />}
             buttonType="primary"
             text="Filters"
-            onClick={handleOnFiltersClick}
+            onClick={handleOnMobileFiltersClick}
           />
           <Button
             className="lg:hidden flex"