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

refactor: replace Box with Container for improved layout consistency in PrerenderProduct and ProductDetailPage components

Browse Source
This commit is contained in:
sebseb7
2025-07-20 00:34:46 +02:00
parent cc679e77a9
commit 3df20cbc6a
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/PrerenderProduct.js
View File

@@ -83,13 +83,12 @@ class PrerenderProduct extends React.Component {
Box, Box,
{ sx: { flexGrow: 1 } }, { sx: { flexGrow: 1 } },
React.createElement( React.createElement(
Box, Container,
{ {
maxWidth: "lg",
sx: { sx: {
p: { xs: 2, md: 2 }, p: { xs: 2, md: 2 },
pb: { xs: 4, md: 8 }, pb: { xs: 4, md: 8 },
maxWidth: "1400px",
mx: "auto",
flexGrow: 1 flexGrow: 1
} }
}, },

9
src/components/ProductDetailPage.js
View File

@@ -1,5 +1,5 @@
import React, { Component } from "react"; import React, { Component } from "react";
import { Box, Typography, CardMedia, Stack, Chip, Button, Collapse } from "@mui/material"; import { Box, Container, Typography, CardMedia, Stack, Chip, Button, Collapse } from "@mui/material";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import parse from "html-react-parser"; import parse from "html-react-parser";
import AddToCartButton from "./AddToCartButton.js"; import AddToCartButton from "./AddToCartButton.js";
@@ -601,12 +601,11 @@ class ProductDetailPage extends Component {
}).format(product.price); }).format(product.price);
return ( return (
<Box <Container
maxWidth="lg"
sx={{ sx={{
p: { xs: 2, md: 2 }, p: { xs: 2, md: 2 },
pb: { xs: 4, md: 8 }, pb: { xs: 4, md: 8 },
maxWidth: "1400px",
mx: "auto",
flexGrow: 1 flexGrow: 1
}} }}
> >
@@ -1256,7 +1255,7 @@ class ProductDetailPage extends Component {
</Box> </Box>
</Box> </Box>
)} )}
</Box> </Container>
); );
} }
} }