Update components/GlassDock.js

components/GlassDock.js

@@ -1,31 +1,31 @@
 import Link from 'next/link';
 
-export default function GlassDock({ activeTab }) {
+export default function GlassDock() {
   return (
-    // Transparent container, positioned at bottom
-    <div className="fixed bottom-6 left-0 right-0 z-50 flex justify-center items-center gap-12 pointer-events-none mb-safe">
+    // Transparent container at the bottom
+    <div className="fixed bottom-10 left-0 right-0 z-50 flex justify-center items-center gap-10 pointer-events-none mb-safe">
       
       {/* 1. Home Icon */}
       <Link href="/" className="pointer-events-auto active:scale-90 transition-transform">
         <img 
           src="/assets/home_icon_blue.png" 
-          className="w-14 h-14 drop-shadow-lg" // Fixed size for consistency
+          className="w-20 h-20 drop-shadow-xl filter hover:brightness-110" 
         />
       </Link>
 
-      {/* 2. Upload Icon (No white circle, same size as Home) */}
+      {/* 2. Upload Icon (SAME SIZE as Home) */}
       <Link href="/create" className="pointer-events-auto active:scale-90 transition-transform">
         <img 
           src="/assets/upload_button_blue.png" 
-          className="w-14 h-14 drop-shadow-lg" 
+          className="w-20 h-20 drop-shadow-xl filter hover:brightness-110" 
         />
       </Link>
 
-      {/* 3. User Icon (Same size) */}
+      {/* 3. User Icon (SAME SIZE as Home) */}
       <Link href="/profile" className="pointer-events-auto active:scale-90 transition-transform">
         <img 
           src="/assets/user_icon_blue.png" 
-          className="w-14 h-14 drop-shadow-lg" 
+          className="w-20 h-20 drop-shadow-xl filter hover:brightness-110" 
         />
       </Link>