Fix Product Page Scrollbar

This commit is contained in:
Tim
2025-06-18 12:46:39 +02:00
parent daf7d6b216
commit d521142f3e
5 changed files with 8 additions and 4 deletions

View File

@@ -69,7 +69,7 @@
"previousOrder": "Previous order", "previousOrder": "Previous order",
"price": "Price", "price": "Price",
"pricePerItem": "Price per item", "pricePerItem": "Price per item",
"productDoesNotExist": "It seems you are locking for a product that doesn't exist or has been removed.", "productDoesNotExist": "It seems you are looking for a product that doesn't exist or has been removed.",
"productNotFound": "Product not found!", "productNotFound": "Product not found!",
"quantity": "Quantity", "quantity": "Quantity",
"rateThisProduct": "Rate this product", "rateThisProduct": "Rate this product",

View File

@@ -79,7 +79,7 @@ const Column: React.FC<PropsWithChildren<{ status: OrderStatusEnum; onDrop: (id:
})); }));
return ( return (
<div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 3, minHeight: 200 }}> <div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 1, minHeight: 200 }}>
<Card> <Card>
<CardContent> <CardContent>
<Typography variant="h6">{t(status)}</Typography> <Typography variant="h6">{t(status)}</Typography>

View File

@@ -23,6 +23,7 @@ export default function RatingCard(ratingType: RatingType) {
sx={{ sx={{
backgroundColor: theme.palette.background.paper, backgroundColor: theme.palette.background.paper,
color: theme.palette.text.primary, color: theme.palette.text.primary,
mb: 3
}} }}
> >
<Card <Card

View File

@@ -37,6 +37,7 @@ export default function Product() {
backgroundColor: theme.palette.background.default, backgroundColor: theme.palette.background.default,
color: theme.palette.text.primary, color: theme.palette.text.primary,
gap: '2rem', gap: '2rem',
overflow: 'auto',
px: 2, px: 2,
}} }}
> >
@@ -63,8 +64,10 @@ export default function Product() {
sx={{ sx={{
backgroundColor: theme.palette.background.default, backgroundColor: theme.palette.background.default,
color: theme.palette.text.primary, color: theme.palette.text.primary,
minHeight: '100vh', height: '100vh',
py: 4, overflow: 'auto',
pt: 4,
pb: 10,
}} }}
> >
<Container maxWidth="lg"> <Container maxWidth="lg">