seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

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.

Browse Source
This commit is contained in:
seb
2025-07-04 05:01:39 +02:00
parent 8abf64ca38
commit 5fc0c3213b
5 changed files with 23 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/profile/SettingsTab.js
View File

@@ -235,8 +235,8 @@ class SettingsTab extends Component {
render() {
return (
<Box sx={{ p: 3 }}>
<Paper sx={{ p: 3}}>
<Box sx={{ p: { xs: 1, sm: 3 } }}>
<Paper sx={{ p: { xs: 2, sm: 3 } }}>
<Typography variant="subtitle1" fontWeight="bold" gutterBottom>
Passwort ändern
</Typography>
@@ -289,7 +289,7 @@ class SettingsTab extends Component {
<Divider sx={{ my: 4 }} />
<Paper sx={{ p: 3 }}>
<Paper sx={{ p: { xs: 2, sm: 3 } }}>
<Typography variant="subtitle1" fontWeight="bold" gutterBottom>
E-Mail-Adresse ändern
</Typography>
@@ -332,7 +332,7 @@ class SettingsTab extends Component {
<Divider sx={{ my: 4 }} />
<Paper sx={{ p: 3 }}>
<Paper sx={{ p: { xs: 2, sm: 3 } }}>
<Typography variant="subtitle1" fontWeight="bold" gutterBottom>
API-Schlüssel
</Typography>