Update components/GlassDock.js

components/GlassDock.js

@@ -2,31 +2,21 @@ import Link from 'next/link';
 
 export default function GlassDock() {
   return (
-    // 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">
+    <div className="fixed bottom-10 left-0 right-0 z-50 flex justify-center items-center gap-12 pointer-events-none mb-safe">
       
-      {/* 1. Home Icon */}
+      {/* Home */}
       <Link href="/" className="pointer-events-auto active:scale-90 transition-transform">
-        <img 
-          src="/assets/home_icon_blue.png" 
-          className="w-20 h-20 drop-shadow-xl filter hover:brightness-110" 
-        />
+        <img src="/assets/home_icon_blue.png" className="w-16 h-16 drop-shadow-lg" />
       </Link>
 
-      {/* 2. Upload Icon (SAME SIZE as Home) */}
+      {/* Upload (Same Size) */}
       <Link href="/create" className="pointer-events-auto active:scale-90 transition-transform">
-        <img 
-          src="/assets/upload_button_blue.png" 
-          className="w-20 h-20 drop-shadow-xl filter hover:brightness-110" 
-        />
+        <img src="/assets/upload_button_blue.png" className="w-16 h-16 drop-shadow-lg" />
       </Link>
 
-      {/* 3. User Icon (SAME SIZE as Home) */}
+      {/* Profile (Same Size) */}
       <Link href="/profile" className="pointer-events-auto active:scale-90 transition-transform">
-        <img 
-          src="/assets/user_icon_blue.png" 
-          className="w-20 h-20 drop-shadow-xl filter hover:brightness-110" 
-        />
+        <img src="/assets/user_icon_blue.png" className="w-16 h-16 drop-shadow-lg" />
       </Link>
 
     </div>