Fix Orderpage Scrollbar

This commit is contained in:
FlorianSpeicher
2025-06-22 12:16:23 +02:00
parent ae0f02565b
commit 5f5b3ed7a9
2 changed files with 7 additions and 5 deletions

View File

@@ -54,7 +54,7 @@ const OrderCard: React.FC<{ order: OrderType; onClick: () => void }> = ({ order,
{t('date') + ": " + new Date(order.time).toUTCString()} {t('date') + ": " + new Date(order.time).toUTCString()}
</Typography> </Typography>
<Typography> <Typography>
{t('total') + ": " + order.total} {t('total') + ": " + (order.total / 100).toFixed(2) + " €"}
</Typography> </Typography>
</CardContent> </CardContent>
</Card> </Card>
@@ -76,11 +76,13 @@ 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: 1 }}> <div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 1, minWidth: 300, maxWidth: 400 }}>
<Card sx={{ minHeight: '100%', marginTop: 2, marginLeft: 1 }} elevation={4}> <Card sx={{ minHeight: '100%', marginTop: 2, marginLeft: 1, height: '80vh', display: 'flex', flexDirection: 'column' }} elevation={4}>
<CardContent> <CardContent sx={{ flex: 1, display: 'flex', flexDirection: 'column', overflowY: 'auto', height: '100%', padding: 2 }}>
<Typography variant="h6">{t(status)}</Typography> <Typography variant="h6">{t(status)}</Typography>
{children} <div style={{ flex: 1, overflowY: 'auto' }}>
{children}
</div>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>