update: grid layout Navbar

Brahmware · Aug 27, 2023 · e26c5b1 · e26c5b1
1 parent e4d0230
commit e26c5b1
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 21 deletions.
diff --git a/src/components/navigation/NavMenu/Megamenu/NavGroups/Title.tsx b/src/components/navigation/NavMenu/Megamenu/NavGroups/Title.tsx
@@ -1,9 +1,6 @@
-import { Typography, TypographyProps, styled } from '@mui/material';
 import React from 'react';
-
-interface TitleProps extends TypographyProps {
-  children: React.ReactNode;
-}
+import { TitleProps } from '@interfaces/TypographyProps';
+import { Typography, styled } from '@mui/material';
 
 const Title = styled(({ children, ...props }: TitleProps) => {
   return (

diff --git a/src/components/navigation/NavMenu/Megamenu/index.tsx b/src/components/navigation/NavMenu/Megamenu/index.tsx
@@ -24,19 +24,17 @@ const MegamenuSection = styled('section')(({ theme }) => ({
 
 const Megamenu = () => {
   return (
-    <React.Fragment>
-      <MegamenuSection>
-        {menuItems.map((item, index) => (
-          <React.Fragment key={index}>
-            <NavGropus
-              title={item.title}
-              videoUrl={item.videoUrl}
-              items={item.items}
-            />
-          </React.Fragment>
-        ))}
-      </MegamenuSection>
-    </React.Fragment>
+    <MegamenuSection>
+      {menuItems.map((item, index) => (
+        <React.Fragment key={index}>
+          <NavGropus
+            title={item.title}
+            videoUrl={item.videoUrl}
+            items={item.items}
+          />
+        </React.Fragment>
+      ))}
+    </MegamenuSection>
   )
 };
 

diff --git a/src/components/navigation/NavMenu/index.tsx b/src/components/navigation/NavMenu/index.tsx
@@ -44,6 +44,7 @@ const NavigationContent = styled(Box)(({ theme }) => ({
   gridTemplateRows: 'repeat(24, 1fr)',
   alignItems: 'center',
   alignContent: 'center',
+  justifyContent: 'center',
 }));
 
 const NavMenu = () => {

diff --git a/src/interfaces/TypographyProps.ts b/src/interfaces/TypographyProps.ts
@@ -5,6 +5,9 @@ export interface TypographyProps extends TypographyPropsMui {
   variant?: TypographyVariant;
 };
 
+export interface TitleProps extends TypographyProps {
+};
+
 export interface ContactTitleprops extends TypographyProps {
 };
 

diff --git a/src/theme/Heights/index.tsx b/src/theme/Heights/index.tsx
@@ -12,9 +12,9 @@ export interface Heights {
 
 export const heights: Heights = {
   header: {
-    expanded: '6rem',
-    default: '4rem',
-    contracted: '3.5rem',
+    expanded: '5.25rem',
+    default: '4.25rem',
+    contracted: '3.25rem',
   },
   navbar: {
     hamburger: '1.5rem',