base commit
This commit is contained in:
@@ -60,7 +60,7 @@ export function OrderDetailPage() {
|
||||
|
||||
return (
|
||||
<Box>
|
||||
<Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} alignItems={{ sm: 'center' }} sx={{ mb: 2 }}>
|
||||
<Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ mb: 2, alignItems: { sm: 'center' } }}>
|
||||
<Box sx={{ flexGrow: 1 }}>
|
||||
<Typography variant="h4">Заказ #{order.id.slice(-6)}</Typography>
|
||||
<Typography color="text.secondary">Статус: {order.status}</Typography>
|
||||
@@ -77,7 +77,7 @@ export function OrderDetailPage() {
|
||||
</Typography>
|
||||
<Stack spacing={1}>
|
||||
{order.items.map((i) => (
|
||||
<Stack key={i.id} direction="row" spacing={2} alignItems="center">
|
||||
<Stack key={i.id} direction="row" spacing={2} sx={{ alignItems: 'center' }}>
|
||||
<Box sx={{ flexGrow: 1 }}>
|
||||
<Typography sx={{ fontWeight: 700 }}>{i.titleSnapshot}</Typography>
|
||||
<Typography color="text.secondary" variant="body2">
|
||||
@@ -155,7 +155,7 @@ export function OrderDetailPage() {
|
||||
{order.messages.length === 0 && <Typography color="text.secondary">Пока сообщений нет.</Typography>}
|
||||
</Stack>
|
||||
|
||||
<Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} alignItems={{ sm: 'flex-end' }}>
|
||||
<Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} sx={{ alignItems: { sm: 'flex-end' } }}>
|
||||
<TextField
|
||||
label="Сообщение"
|
||||
value={text}
|
||||
|
||||
Reference in New Issue
Block a user