From 806c0c3c4881619fb46ba7f6187a623e34bebf81 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 16 Dec 2025 16:33:18 +0330
Subject: [PATCH] fix problems

---
 src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx | 2 +-
 src/components/menu/SideMenu.tsx                         | 2 +-
 src/components/navigation/BottomNavBar.tsx               | 6 +++---
 src/components/navigation/BottomNavLink.tsx              | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx b/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
index dcd3342..3117acf 100644
--- a/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
+++ b/src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx
@@ -91,7 +91,7 @@ const CartSummary = ({ description = '', onDescriptionChange }: CartSummaryProps
         }}
         className={`fixed bottom-0 left-0 right-0 z-50 bg-white border-t border-border p-4 w-full ${isCartEmpty ? 'pointer-events-none opacity-60' : ''}`}
       >
-        <Button className='!w-full px-4' disabled={isCartEmpty}>{t('ButtonCheckout')}</Button>
+        <Button className='w-full! px-4' disabled={isCartEmpty}>{t('ButtonCheckout')}</Button>
       </Link>
 
       {/* {!isCartEmpty && (
diff --git a/src/components/menu/SideMenu.tsx b/src/components/menu/SideMenu.tsx
index aef9e6b..13cc2f6 100644
--- a/src/components/menu/SideMenu.tsx
+++ b/src/components/menu/SideMenu.tsx
@@ -251,7 +251,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
                             data-visible={menuState}
                             data-isvisible={menuStateMemo}
                             onClick={(e) => { e.stopPropagation(); }}
-                            className="fixed top-0 bottom-0 right-0 bg-container w-[200px] h-dvh flex flex-col z-40 overflow-clip not-xl:!rounded-s-none"
+                            className="fixed top-0 bottom-0 right-0 bg-container w-[200px] h-dvh flex flex-col z-40 overflow-clip not-xl:rounded-s-none!"
                         >
                             {renderMenu()}
                         </motion.nav>
diff --git a/src/components/navigation/BottomNavBar.tsx b/src/components/navigation/BottomNavBar.tsx
index ffcaa39..d9a19b9 100644
--- a/src/components/navigation/BottomNavBar.tsx
+++ b/src/components/navigation/BottomNavBar.tsx
@@ -41,7 +41,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
 
   return (
     <div className="fixed bottom-0 left-0 w-full bg-transparent pointer-events-none">
-      <div className="max-w-md mx-auto w-full aspect-[436/104] relative z-30">
+      <div className="max-w-md mx-auto w-full aspect-436/104 relative z-30">
         <svg
           viewBox="0 0 436 104"
           fill="none"
@@ -96,7 +96,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
                   isAboutRoute && 'text-foreground **:stroke-foreground'
                 )}
               >
-                <div className="flex-shrink-0">
+                <div className="shrink-0">
                   <Building
                     key={`building-${buildingVariant}-${isAboutRoute}`}
                     size={20}
@@ -166,7 +166,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
           >
             <div className="h-full px-4 grid grid-cols-5 gap-x-1 items-end">
               <div className="flex flex-col items-center gap-[5px]">
-                <div className="relative flex-shrink-0">
+                <div className="relative shrink-0">
                   <div className="w-5 h-5 opacity-0"></div>
                   <span className="absolute -top-1 -right-1 flex items-center justify-center min-w-[18px] h-[18px] px-1 text-[10px] font-medium text-white bg-primary rounded-full z-50">
                     {cartItemsCount > 99 ? '99+' : cartItemsCount}
diff --git a/src/components/navigation/BottomNavLink.tsx b/src/components/navigation/BottomNavLink.tsx
index 3af3e13..8f786df 100644
--- a/src/components/navigation/BottomNavLink.tsx
+++ b/src/components/navigation/BottomNavLink.tsx
@@ -21,7 +21,7 @@ function BottomNavLink({ icon, value, href, ...restProps }: Props) {
       isActive && 'text-foreground **:stroke-foreground',
       restProps.className ?? '',
     )}>
-      <div className="flex-shrink-0">
+      <div className="shrink-0">
         {icon}
       </div>
       <span className={clsx(