fix(layout): prevent map page overflow

src/app/(main)/layout.tsx

@@ -38,10 +38,15 @@ export default async function MainLayout({
       Title={Title}
       Sider={AppSider}
       childrenBoxProps={{
-        sx: { height: "100vh", p: 0 },
+        sx: {
+          flex: 1,
+          minHeight: 0,
+          overflow: "auto",
+          p: 0,
+        },
       }}
       containerBoxProps={{
-        sx: { height: "100%" },
+        sx: { height: "100vh", overflow: "hidden" },
       }}
     >
       <Suspense fallback={<MapSkeleton />}>

src/components/olmap/core/MapComponent.tsx

@@ -1138,12 +1138,12 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
         }}
       >
         <MapContext.Provider value={map}>
-          <div className="relative w-full h-full">
-            <div className="flex w-full h-full">
+          <div className="relative h-full w-full overflow-hidden">
+            <div className="flex h-full min-h-0 w-full min-w-0 overflow-hidden">
               <div
-                className={`relative h-full ${isCompareMode ? "w-1/2" : "w-full"}`}
+                className={`relative h-full min-w-0 overflow-hidden ${isCompareMode ? "w-1/2" : "w-full"}`}
               >
-                <div ref={mapRef} className="w-full h-full"></div>
+                <div ref={mapRef} className="h-full w-full"></div>
                 <canvas
                   ref={canvasRef}
                   className="pointer-events-none absolute inset-0"
@@ -1155,8 +1155,8 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
                 )}
               </div>
               {isCompareMode && (
-                <div className="relative h-full w-1/2 border-l border-white/40">
-                  <div ref={compareMapRef} className="w-full h-full"></div>
+                <div className="relative h-full min-w-0 w-1/2 overflow-hidden border-l border-white/40">
+                  <div ref={compareMapRef} className="h-full w-full"></div>
                   <canvas
                     ref={compareCanvasRef}
                     className="pointer-events-none absolute inset-0"