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()}
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user