From e26c5b11956b848b379b4da4b029e2105cd73aeb Mon Sep 17 00:00:00 2001
From: sanchayan721 <sanchayan.bhunia@hotmail.com>
Date: Mon, 28 Aug 2023 00:20:34 +0200
Subject: [PATCH] update: grid layout Navbar

---
 .../NavMenu/Megamenu/NavGroups/Title.tsx      |  7 ++----
 .../navigation/NavMenu/Megamenu/index.tsx     | 24 +++++++++----------
 src/components/navigation/NavMenu/index.tsx   |  1 +
 src/interfaces/TypographyProps.ts             |  3 +++
 src/theme/Heights/index.tsx                   |  6 ++---
 5 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/src/components/navigation/NavMenu/Megamenu/NavGroups/Title.tsx b/src/components/navigation/NavMenu/Megamenu/NavGroups/Title.tsx
index 7b002b6..038f93b 100644
--- 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
index 8d2180f..00a15b9 100644
--- 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
index 5b45bfe..1b33da7 100644
--- 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
index fa8c9ff..82820e7 100644
--- 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
index bd9205b..6de46f1 100644
--- 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',