Update components/GlassDock.js

components/GlassDock.js

@@ -1,38 +1,34 @@
-// components/GlassDock.js
 import Link from 'next/link';
 
 export default function GlassDock({ activeTab }) {
   return (
-    <div className="fixed bottom-0 left-0 right-0 z-50 px-6 pb-6 pt-2 mb-safe pointer-events-none">
-      <div className="pointer-events-auto flex justify-between items-center bg-white/40 backdrop-blur-xl border border-white/50 rounded-3xl shadow-lg px-8 py-4 mx-auto max-w-sm">
-        
-        {/* Home Icon */}
-        <Link href="/" className="relative group">
-          <img 
-             src="/assets/home_icon_blue.png" 
-             className="w-10 h-10 transition-transform active:scale-90" 
-          />
-        </Link>
+    // 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">
+      
+      {/* 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
+        />
+      </Link>
 
-        {/* Upload Button (The Plus Icon you just uploaded) */}
-        <Link href="/create" className="-mt-12">
-          <div className="bg-white/20 p-2 rounded-full backdrop-blur-md border border-white/60 shadow-xl">
-             <img 
-               src="/assets/upload_button_blue.png" 
-               className="w-16 h-16 transition-transform active:scale-95" 
-             />
-          </div>
-        </Link>
+      {/* 2. Upload Icon (No white circle, 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" 
+        />
+      </Link>
+
+      {/* 3. User Icon (Same size) */}
+      <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" 
+        />
+      </Link>
 
-        {/* Profile Icon (The User Icon you just uploaded) */}
-        <Link href="/profile" className="relative group">
-           <img 
-             src="/assets/user_icon_blue.png" 
-             className="w-10 h-10 transition-transform active:scale-90" 
-           />
-        </Link>
-        
-      </div>
     </div>
   );
 }