chore: Update padding to only target the auth menu on generic pages

hashicorp · Sep 3, 2024 · d419bbe · d419bbe
1 parent 075e3bf
commit d419bbe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/mobile-menu-levels-generic/index.tsx b/src/components/mobile-menu-levels-generic/index.tsx
@@ -28,7 +28,10 @@ import s from './mobile-menu-levels-generic.module.css'
 function MobileMenuLevelsGeneric() {
 	return (
 		<MobileMenuContainer className={s.mobileMenuContainer}>
-			<MobileAuthenticationControls />
+			<div className={s.mobileMenuAuthContainer}>
+				<MobileAuthenticationControls />
+			</div>
+
 			<NavigationMenu.Root className={s.mobileMenuNavList}>
 				<ProductPanel
 					productCategories={navigationData}

diff --git a/src/components/mobile-menu-levels-generic/mobile-menu-levels-generic.module.css b/src/components/mobile-menu-levels-generic/mobile-menu-levels-generic.module.css
@@ -4,10 +4,13 @@
  */
 
 .mobileMenuContainer {
-	padding: 24px;
 	z-index: 4;
 }
 
+.mobileMenuAuthContainer {
+	padding: 16px;
+}
+
 .mobileMenuNavList {
 	list-style: none;
 	margin: 0;