OrgTJWater/TJWaterFrontend_Refine
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(layout): prevent map page overflow
Build Push and Deploy / docker-image (push) Successful in 7s
Details
Build Push and Deploy / deploy-fallback-log (push) Has been skipped
Details

Browse Source
This commit is contained in:
jiang
2026-07-20 13:12:19 +08:00
parent 1993cadba8
commit 5332f8f0c5
5 changed files with 55 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/olmap/core/MapComponent.tsx
+6 -6
View File
@@ -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"