dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: enhance layout consistency in CuttingPosForm, CuttingPosMaterialCatalogPanel, and CuttingPosResultCatalogPanel; update grid structures for improved responsiveness and user experience

Browse Source
This commit is contained in:
Yoga Pangestu 2026-07-05 15:10:22 +07:00
parent 0f9865ffb3
commit 5a3316c890
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/pages/admin/manage/cuttings/form/CuttingPosForm.vue
View File

@ -273,7 +273,7 @@ function onProductCreated(product: CuttingProductCatalogItem) {
</script> </script>
<template> <template>
<div class="grid gap-4 xl:grid-cols-[1fr_400px]"> <div class="grid min-w-0 gap-4 xl:grid-cols-[1fr_400px]">
<div class="space-y-4"> <div class="space-y-4">
<CuttingPosMaterialCatalogPanel v-model:material-search="materialSearch" <CuttingPosMaterialCatalogPanel v-model:material-search="materialSearch"
:filtered-raw-materials="filteredRawMaterials" :raw-material-catalog="rawMaterialCatalogState" :filtered-raw-materials="filteredRawMaterials" :raw-material-catalog="rawMaterialCatalogState"

2
resources/js/pages/admin/manage/cuttings/form/CuttingPosMaterialCatalogPanel.vue
View File

@ -77,7 +77,7 @@ function openCombination(rawMaterial: CuttingRawMaterialCatalogItem, price: Cutt
</Empty> </Empty>
</div> </div>
<div v-else class="columns-1 gap-4 sm:columns-2"> <div v-else class="grid grid-cols-1 gap-4 sm:grid-cols-2">
<PosCatalogCard v-for="rawMaterial in filteredRawMaterials" :key="rawMaterial.id" <PosCatalogCard v-for="rawMaterial in filteredRawMaterials" :key="rawMaterial.id"
:title="rawMaterial.name" :cover-image="getFirstCoverImage(rawMaterial.prices)"> :title="rawMaterial.name" :cover-image="getFirstCoverImage(rawMaterial.prices)">
<template #header-extra> <template #header-extra>

2
resources/js/pages/admin/manage/cuttings/form/CuttingPosResultCatalogPanel.vue
View File

@ -63,7 +63,7 @@ const quickCreateOpen = ref(false);
</Empty> </Empty>
</div> </div>
<div v-else class="columns-1 gap-4 sm:columns-2"> <div v-else class="grid grid-cols-1 gap-4 sm:grid-cols-2">
<PosCatalogCard <PosCatalogCard
v-for="product in filteredProducts" v-for="product in filteredProducts"
:key="product.id" :key="product.id"