From 1fa2fabb38ac6c2427be8a3bcf68a1ec31aca6b7 Mon Sep 17 00:00:00 2001
From: hamzaobed7 <hamazobed@gmail.com>
Date: Sat, 8 Aug 2026 14:48:12 +0300
Subject: [PATCH]  fixed NavButtom responsive

---
 app/components/BottomNav.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/components/BottomNav.js b/app/components/BottomNav.js
index f146425..62475f1 100644
--- a/app/components/BottomNav.js
+++ b/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"}
             `}