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/cart/components/CartMobileTabletLayout.tsx
+++ b/src/pages/cart/components/CartMobileTabletLayout.tsx
@@ -137,7 +137,7 @@ export default function CartMobileTabletLayout({
                      <Space
                        direction="vertical"
                        size="small"
-                        style={{ flex: 1, gap: isMobile ? "50px" : "60px" }}
+                        style={{ flex: 1, gap: isMobile ? 32 : isTablet ? 24 : 32 }}
                      >
                        <div>
                          <ProText
@@ -176,8 +176,8 @@ export default function CartMobileTabletLayout({
                              wordWrap: "break-word",
                              overflowWrap: "break-word",
                              lineHeight: "1.4",
-                              maxHeight: "2.8em",
-                              fontWeight: "500",
+                              maxHeight: isMobile ? "2.8em" : isTablet ? "4.8em" : "6.8em",
+                              fontWeight: 500,
                              letterSpacing: "0.01em",
                            }}
                          >