fix: add bottom padding to menu so there is more room to scroll (#4962)

timngyn · Rachel Lee Nabors · commit 3c94b47fc7b5 · 2023-04-04T16:56:45.000-07:00
* fix: add bottom padding to menu so there is more room to scroll

* Decrease padding
diff --git a/src/components/Menu/styles.tsx b/src/components/Menu/styles.tsx
@@ -29,14 +29,14 @@ export const MenuStyle = styled.div`
       max-height: 100vh;
       overflow-y: auto; /* for Firefox */
       overflow-y: overlay; /* for Webkit browsers */
-      margin-bottom: 6rem;
     }
   }
 `;
 
 export const MenuBodyStyle = styled.div`
   display: block;
   margin: 0 2.5rem;
+  padding-bottom: 9rem;
 `;
 
 export const MenuBreakStyle = styled.hr`

Original file line number	Diff line number	Diff line change
@@ -29,14 +29,14 @@ export const MenuStyle = styled.div`
`29`	`29`	`max-height: 100vh;`
`30`	`30`	`overflow-y: auto; /* for Firefox */`
`31`	`31`	`overflow-y: overlay; /* for Webkit browsers */`
`32`		`- margin-bottom: 6rem;`
`33`	`32`	`}`
`34`	`33`	`}`
`35`	`34`	`;
`36`	`35`
`37`	`36`	export const MenuBodyStyle = styled.div`
`38`	`37`	`display: block;`
`39`	`38`	`margin: 0 2.5rem;`
	`39`	`+ padding-bottom: 9rem;`
`40`	`40`	`;
`41`	`41`
`42`	`42`	export const MenuBreakStyle = styled.hr`