From 218e5d143bffbda81a3b94c368cb6ccc7e49e333 Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Sat, 11 Oct 2025 22:06:26 +0300
Subject: [PATCH] MenuList: hide category image in desktop size - case the
 images quality are not good (need adding from dashboard

---
 src/pages/cart/components/CartDesktopLayout.tsx | 4 +++-
 src/pages/menu/components/MenuList/MenuList.tsx | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/cart/components/CartDesktopLayout.tsx b/src/pages/cart/components/CartDesktopLayout.tsx
index ea05dc2..01bf5a7 100644
--- a/src/pages/cart/components/CartDesktopLayout.tsx
+++ b/src/pages/cart/components/CartDesktopLayout.tsx
@@ -151,7 +151,9 @@ export default function CartDesktopLayout() {
               )}
             </Card>
 
-            <CartFooter />
+            <div style={{ marginTop: "1rem" }}>
+              <CartFooter />
+            </div>
           </Col>
 
           {/* Sidebar Column */}
diff --git a/src/pages/menu/components/MenuList/MenuList.tsx b/src/pages/menu/components/MenuList/MenuList.tsx
index 974f4ae..32a7b11 100644
--- a/src/pages/menu/components/MenuList/MenuList.tsx
+++ b/src/pages/menu/components/MenuList/MenuList.tsx
@@ -95,7 +95,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
               }}
               style={{ marginBottom: "1rem" }}
             >
-              <ImageWithFallback
+              {!isDesktop && <ImageWithFallback
                 src={category.image || "/default.png"}
                 fallbackSrc="/default.png"
                 alt={category.name}
@@ -105,7 +105,7 @@ export function MenuList({ data, categoryRefs }: MenuListProps) {
                 loadingContainerStyle={{
                   width: "100%",
                 }}
-              />
+              />}
               <ProTitle
                 style={{
                   fontSize: "1.25rem",