fix(ui): auto-grow item detail-description box + offer money columns to 8rem (consistency across invoice/order/offer)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -302,6 +302,9 @@ function SortableInvoiceRow({
|
|||||||
value={item.item_description}
|
value={item.item_description}
|
||||||
onChange={(e) => onUpdate(index, "item_description", e.target.value)}
|
onChange={(e) => onUpdate(index, "item_description", e.target.value)}
|
||||||
placeholder="Volitelný"
|
placeholder="Volitelný"
|
||||||
|
multiline
|
||||||
|
minRows={1}
|
||||||
|
maxRows={8}
|
||||||
/>
|
/>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
@@ -404,6 +407,9 @@ function SortableInvoiceRow({
|
|||||||
onUpdate(index, "item_description", e.target.value)
|
onUpdate(index, "item_description", e.target.value)
|
||||||
}
|
}
|
||||||
placeholder="Podrobný popis (volitelný)"
|
placeholder="Podrobný popis (volitelný)"
|
||||||
|
multiline
|
||||||
|
minRows={1}
|
||||||
|
maxRows={8}
|
||||||
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
|
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
@@ -284,6 +284,9 @@ function SortableOrderRow({
|
|||||||
onChange={(e) => onUpdate(index, "item_description", e.target.value)}
|
onChange={(e) => onUpdate(index, "item_description", e.target.value)}
|
||||||
placeholder="Volitelný"
|
placeholder="Volitelný"
|
||||||
InputProps={{ readOnly }}
|
InputProps={{ readOnly }}
|
||||||
|
multiline
|
||||||
|
minRows={1}
|
||||||
|
maxRows={8}
|
||||||
/>
|
/>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
@@ -397,6 +400,9 @@ function SortableOrderRow({
|
|||||||
}
|
}
|
||||||
placeholder="Podrobný popis (volitelný)"
|
placeholder="Podrobný popis (volitelný)"
|
||||||
InputProps={{ readOnly }}
|
InputProps={{ readOnly }}
|
||||||
|
multiline
|
||||||
|
minRows={1}
|
||||||
|
maxRows={8}
|
||||||
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
|
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
@@ -307,6 +307,9 @@ function SortableItemRow({
|
|||||||
onChange={(e) => onUpdate("item_description", e.target.value)}
|
onChange={(e) => onUpdate("item_description", e.target.value)}
|
||||||
placeholder="Volitelný"
|
placeholder="Volitelný"
|
||||||
InputProps={{ readOnly }}
|
InputProps={{ readOnly }}
|
||||||
|
multiline
|
||||||
|
minRows={1}
|
||||||
|
maxRows={8}
|
||||||
/>
|
/>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
@@ -417,6 +420,9 @@ function SortableItemRow({
|
|||||||
onChange={(e) => onUpdate("item_description", e.target.value)}
|
onChange={(e) => onUpdate("item_description", e.target.value)}
|
||||||
placeholder="Podrobný popis (volitelný)"
|
placeholder="Podrobný popis (volitelný)"
|
||||||
InputProps={{ readOnly }}
|
InputProps={{ readOnly }}
|
||||||
|
multiline
|
||||||
|
minRows={1}
|
||||||
|
maxRows={8}
|
||||||
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
|
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
@@ -1611,11 +1617,11 @@ export default function OfferDetail() {
|
|||||||
<TableCell>Popis</TableCell>
|
<TableCell>Popis</TableCell>
|
||||||
<TableCell sx={{ width: "5rem" }}>Množství</TableCell>
|
<TableCell sx={{ width: "5rem" }}>Množství</TableCell>
|
||||||
<TableCell sx={{ width: "5rem" }}>Jednotka</TableCell>
|
<TableCell sx={{ width: "5rem" }}>Jednotka</TableCell>
|
||||||
<TableCell sx={{ width: "7rem" }}>Cena/ks</TableCell>
|
<TableCell sx={{ width: "8rem" }}>Cena/ks</TableCell>
|
||||||
<TableCell sx={{ width: "4rem" }} align="center">
|
<TableCell sx={{ width: "4rem" }} align="center">
|
||||||
V ceně
|
V ceně
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell sx={{ width: "7rem" }} align="right">
|
<TableCell sx={{ width: "8rem" }} align="right">
|
||||||
Celkem
|
Celkem
|
||||||
</TableCell>
|
</TableCell>
|
||||||
{!readOnly && <TableCell sx={{ width: "3rem" }} />}
|
{!readOnly && <TableCell sx={{ width: "3rem" }} />}
|
||||||
|
|||||||
Reference in New Issue
Block a user