Enhance responsive design in profile components by adjusting padding and layout properties for improved mobile usability. Updated styles in ButtonGroup, CartTab, OrdersTab, SettingsTab, and ProfilePage to ensure better visual consistency across different screen sizes.

2025-07-04 05:01:39 +02:00
parent 8abf64ca38
commit 5fc0c3213b
5 changed files with 23 additions and 14 deletions
--- a/src/components/header/ButtonGroup.js
+++ b/src/components/header/ButtonGroup.js
@@ -142,7 +142,7 @@ class ButtonGroup extends Component {
          onClose={this.toggleCart}
          disableScrollLock={true}
        >
-          <Box sx={{ width: 420, p: 2 }}>
+          <Box sx={{ width: { xs: '100vw', sm: 420 }, p: { xs: 1, sm: 2 } }}>
            <Box 
              sx={{ 
                display: 'flex',