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()}
</Typography>
<Typography>
{t('total') + ": " + order.total}
{t('total') + ": " + (order.total / 100).toFixed(2) + " €"}
</Typography>
</CardContent>
</Card>
@@ -76,11 +76,13 @@ const Column: React.FC<PropsWithChildren<{ status: OrderStatusEnum; onDrop: (id:
}));
return (
<div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 1 }}>
<Card sx={{ minHeight: '100%', marginTop: 2, marginLeft: 1 }} elevation={4}>
<CardContent>
<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, height: '80vh', display: 'flex', flexDirection: 'column' }} elevation={4}>
<CardContent sx={{ flex: 1, display: 'flex', flexDirection: 'column', overflowY: 'auto', height: '100%', padding: 2 }}>
<Typography variant="h6">{t(status)}</Typography>
{children}
<div style={{ flex: 1, overflowY: 'auto' }}>
{children}
</div>
</CardContent>
</Card>
</div>