fix: adjust grid layout in CuttingPosMaterialSummaryItems and CuttingPosResultSummaryItems for better responsiveness
This commit is contained in:
parent
fc9a8b1f0e
commit
6cbb6f7cbb
@ -200,7 +200,7 @@ function setCombinationResult(combinationId: number | undefined, value: string)
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-2 gap-2">
|
<div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
|
||||||
<Field
|
<Field
|
||||||
:data-invalid="formErrors(form, `materials.${index}.material_usage`).length > 0 ? 'true' : undefined">
|
:data-invalid="formErrors(form, `materials.${index}.material_usage`).length > 0 ? 'true' : undefined">
|
||||||
<FieldLabel class="text-xs">
|
<FieldLabel class="text-xs">
|
||||||
|
|||||||
@ -36,7 +36,7 @@ defineProps<{
|
|||||||
<Input v-model="item.product_name" type="text" placeholder="Masukkan nama produk" />
|
<Input v-model="item.product_name" type="text" placeholder="Masukkan nama produk" />
|
||||||
</Field>
|
</Field>
|
||||||
|
|
||||||
<div class="grid grid-cols-3 gap-2 mt-2">
|
<div class="grid grid-cols-1 gap-2 mt-2 sm:grid-cols-3">
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel class="text-xs">Sample</FieldLabel>
|
<FieldLabel class="text-xs">Sample</FieldLabel>
|
||||||
<NumberInput v-model="item.sample" class="h-8" />
|
<NumberInput v-model="item.sample" class="h-8" />
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user