Update layouts/MainLayout.js

layouts/MainLayout.js

@@ -1,38 +1,34 @@
-// layouts/MainLayout.js
 import { useState } from 'react';
 import GlassDrawer from '../components/GlassDrawer';
 import GlassDock from '../components/GlassDock';
 
 export default function MainLayout({ children }) {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
-  const [activeTab, setActiveTab] = useState('home');
 
   return (
     <div className="min-h-screen bg-[#F8FAFC] relative overflow-hidden">
       
-      {/* 1. Top Navigation Bar (Menu Button) */}
-      <div className="fixed top-0 left-0 right-0 z-40 flex justify-between items-center p-6 pt-safe-top pointer-events-none">
+      {/* 1. Android Menu Button (Top Left) */}
+      <div className="fixed top-6 left-6 z-40 pt-safe-top">
         <button 
           onClick={() => setIsMenuOpen(true)}
-          className="pointer-events-auto active:scale-90 transition-transform"
+          className="active:scale-90 transition-transform"
         >
-          {/* Ensure 'menu_button.png' is in public/assets/ */}
           <img 
             src="/assets/menu_button.png" 
             alt="Menu" 
-            className="w-12 h-auto drop-shadow-md" 
+            className="w-10 h-auto drop-shadow-md" 
           />
         </button>
       </div>
 
-      {/* 2. Side Menu (Drawer) */}
       <GlassDrawer isOpen={isMenuOpen} setIsOpen={setIsMenuOpen} />
       
-      {/* 3. The Page Content */}
-      <main className="relative z-0">{children}</main>
+      <main className="relative z-0 h-screen w-full">
+        {children}
+      </main>
 
-      {/* 4. Bottom Navigation (Dock) */}
-      <GlassDock activeTab={activeTab} setActiveTab={setActiveTab} />
+      <GlassDock />
     </div>
   );
 }