fix responsiveness

GDSC-RCCIIT · Nov 9, 2024 · 36f04fc · 36f04fc
1 parent 5dd6803
commit 36f04fc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -37,7 +37,7 @@ export default function RootLayout({ children }) {
           <Sidebar />
 
           {/* Main content area */}
-          <main className="content-area ml-20 mt-16 p-4">
+          <main className="content-area">
             <div className="gtranslate_wrapper">
               <Suspense fallback={<Loader />}>
                 {children}

diff --git a/src/components/Global/Sidebar.jsx b/src/components/Global/Sidebar.jsx
@@ -7,16 +7,18 @@ import { HelpCircle, Info, Phone, Book, Rocket, TrendingUp } from 'lucide-react'
 
 const Sidebar = () => {
     const menuItems = [
-        { href: "/RulesAndRegulations", label: "Rules and Regulations", icon: <Book /> },
-        { href: "/participationterms", label: "Participation Terms", icon: <Info /> },
-        { href: "/HelpCenter", label: "Help Center", icon: <HelpCircle /> },
+        { href: "/sandbox", label: "Sanbox", icon: <Book /> },
+        { href: "/moonshots", label: "Moonshots", icon: <Info /> },
+        { href: "/storytime", label: "Story Line", icon: <HelpCircle /> },
         { href: "/Contact", label: "Contact Us", icon: <Phone /> },
         { href: "/innovate", label: "Innovate", icon: <Rocket /> },
         { href: "/growth", label: "Growth", icon: <TrendingUp /> },
     ];
 
     return (
-        <aside className="hidden lg:flex fixed left-0 top-0 w-20 h-full bg-black text-white shadow-lg p-4 z-50">
+        <aside
+            className="hidden lg:flex fixed left-0 top-0 h-full bg-black text-white shadow-lg p-4 z-50"
+            style={{ width: '60px', marginTop: '6rem' }}>
             <div className="flex flex-col space-y-8 items-center mt-20">
                 {menuItems.map((item, index) => (
                     <Link key={index} href={item.href} className="group relative flex items-center justify-center hover:text-blue-300 transition duration-200">