fix: full page spacings for map and academy

ONEARMY · Jan 9, 2025 · f4db4cf · f4db4cf
1 parent e89c1f8
commit f4db4cf
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/pages/Maps/Content/MapView/MapList.tsx b/src/pages/Maps/Content/MapView/MapList.tsx
@@ -77,7 +77,8 @@ export const MapList = (props: IProps) => {
           display: ['none', 'none', 'block', 'block'],
           background: 'white',
           flex: 1,
-          overflow: 'scroll',
+          overflowY: 'scroll',
+          overflowX: 'hidden',
         }}
       >
         <MapWithListHeader {...headerProps} viewport="desktop" />

diff --git a/src/pages/Maps/Maps.client.tsx b/src/pages/Maps/Maps.client.tsx
@@ -55,7 +55,7 @@ const MapsPage = () => {
   }, [allPins])
 
   return (
-    <Box id="mapPage" sx={{ height: 'calc(100vh - 120px)', width: '100%' }}>
+    <Box id="mapPage" sx={{ height: 'calc(100vh - 80px)', width: '100%' }}>
       <MapContainer
         allPins={allPins}
         allToggleFilters={allToggleFilters}

diff --git a/src/routes/_.academy.$.tsx b/src/routes/_.academy.$.tsx
@@ -8,7 +8,7 @@ export async function clientLoader() {
 
 export default function Index() {
   return (
-    <Main style={{ flex: 1 }} ignoreMaxWidth={true}>
+    <Main style={{ flex: 1, overflow: 'hidden' }} ignoreMaxWidth={true}>
       <SeoTagsUpdateComponent title="Academy" />
       <Academy />
     </Main>