From 6cbb6f7cbb0812ac2654e833ea93c125f1c3dce8 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sun, 19 Jul 2026 19:48:53 +0700
Subject: [PATCH] fix: adjust grid layout in CuttingPosMaterialSummaryItems and
 CuttingPosResultSummaryItems for better responsiveness

---
 .../manage/cuttings/form/CuttingPosMaterialSummaryItems.vue     | 2 +-
 .../admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue b/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue
index c5c5bc0..b5acb67 100644
--- a/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue
+++ b/resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialSummaryItems.vue
@@ -200,7 +200,7 @@ function setCombinationResult(combinationId: number | undefined, value: string)
                         </Button>
                     </div>
 
-                    <div class="grid grid-cols-2 gap-2">
+                    <div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
                         <Field
                             :data-invalid="formErrors(form, `materials.${index}.material_usage`).length > 0 ? 'true' : undefined">
                             <FieldLabel class="text-xs">
diff --git a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
index 0a52e70..21e8640 100644
--- a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
+++ b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
@@ -36,7 +36,7 @@ defineProps<{
                 <Input v-model="item.product_name" type="text" placeholder="Masukkan nama produk" />
             </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>
                     <FieldLabel class="text-xs">Sample</FieldLabel>
                     <NumberInput v-model="item.sample" class="h-8" />