fixed NavButtom responsive

app/components/BottomNav.js

@@ -39,13 +39,13 @@ export default function BottomNav({ isOwner, isOwnerOrAgent }) {
   };
 
   return (
-    <div className="fixed bottom-0 left-0 right-0 z-50 flex justify-center px-4 pb-3 pt-4 pointer-events-none">
+    <div className="fixed bottom-0 left-0 right-0 z-50 flex justify-center px-1 pb-4 pt-4 pointer-events-none">
       <nav
         className="
       w-fit max-w-full
       rounded-3xl
       bg-gray-50
-      px-2 py-2 sm:px-3
+      px-1 py-3 sm:px-4
       shadow-[0_4px_24px_rgba(251,146,60,0.25)]
       pointer-events-auto
     "
@@ -59,20 +59,19 @@ export default function BottomNav({ isOwner, isOwnerOrAgent }) {
               <Link
                 key={it.href}
                 href={it.href}
+                style={{padding:'10px',width:'100px'}}
                 className={`
-              relative
+           
               flex
-              min-w-[58px] sm:min-w-[0px]
               flex-col
               items-center
               justify-center
               rounded-xl
-              px-2 py-1.5
+             
-              sm:px-1 sm:py-4
               transition-all
               duration-200
               ease-out
-              align-middle
+             
 
               ${active ? "bg-white shadow-sm text-amber-600" : "text-gray-700 hover:bg-white/80 hover:text-amber-600 hover:shadow-md"}
             `}