diff --git a/frontend/src/containers/map/sidebar/index.tsx b/frontend/src/containers/map/sidebar/index.tsx index 8e0408f9..b0e9b4d6 100644 --- a/frontend/src/containers/map/sidebar/index.tsx +++ b/frontend/src/containers/map/sidebar/index.tsx @@ -45,7 +45,7 @@ const MapSidebar: React.FC = () => { { 'hidden md:flex': true, 'left-0': !isSidebarOpen, - 'left-[430px] transition-[left] delay-500': isSidebarOpen, + 'left-[460px] transition-[left] delay-500': isSidebarOpen, } )} onClick={onClickAnalysis} @@ -61,14 +61,14 @@ const MapSidebar: React.FC = () => { className={cn('absolute bottom-0 z-10 h-12 border-l-0 px-1 !py-3', { 'hidden md:flex': true, 'left-0': !isSidebarOpen, - 'left-[430px] transition-[left] delay-500': isSidebarOpen, + 'left-[460px] transition-[left] delay-500': isSidebarOpen, })} > Toggle sidebar - + {showAnalysisSidebar && } {showDetailsSidebar &&
} diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css index 062d84fc..2ec5aa55 100644 --- a/frontend/src/styles/globals.css +++ b/frontend/src/styles/globals.css @@ -14,7 +14,7 @@ } .mapboxgl-ctrl-attrib-inner { - @apply px-2 max-w-[100vw] md:max-w-[calc(100vw_-_430px_-_40px_-_16px)] py-1 overflow-hidden font-sans text-xs text-left whitespace-nowrap text-ellipsis; + @apply px-2 max-w-[100vw] md:max-w-[calc(100vw_-_460px_-_40px_-_16px)] py-1 overflow-hidden font-sans text-xs text-left whitespace-nowrap text-ellipsis; } .mapboxgl-popup-content {