Fix Orderpage Scrollbar
This commit is contained in:
Binary file not shown.
@@ -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>
|
||||||
|
<div style={{ flex: 1, overflowY: 'auto' }}>
|
||||||
{children}
|
{children}
|
||||||
|
</div>
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user