cart: styles enhancements on different screen sizes

2025-11-30 10:50:41 +03:00
parent 961164f842
commit d4332542d1
6 changed files with 51 additions and 58 deletions
--- a/src/pages/product/page.tsx
+++ b/src/pages/product/page.tsx
@@ -29,7 +29,7 @@ export default function ProductDetailPage({

  const { isRTL } = useAppSelector((state) => state.locale);
  const { restaurant } = useAppSelector((state) => state.order);
-  const { isDesktop } = useBreakPoint();
+  const { isDesktop, isTablet } = useBreakPoint();
  const [quantity, setQuantity] = useState(1);

  // Get menu data
@@ -205,7 +205,7 @@ export default function ProductDetailPage({
                key={`product-${product?.id}-${product?.image}`}
                src={product?.image}
                fallbackSrc={default_image}
-                height={isDesktop ? 300 : 240}
+                height={isDesktop || isTablet ? 300 : 240}
                width={"100%"}
                style={{
                  width: "100%",