From bf4830ba7a775cae7eea4fba30cff46579fe2b7e Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Sun, 3 Apr 2022 23:47:58 +0800
Subject: [PATCH] update mobile responsive for delivery order form component

---
 .../orders/forms/DeliveryOrderFormComponent.vue    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue b/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue
index 99d9778f..565cd7c7 100644
--- a/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue
+++ b/resources/assets/vue/components/orders/forms/DeliveryOrderFormComponent.vue
@@ -4,7 +4,7 @@
             <div class="row">
                 <div class="col col-md-8">
                     <div class="row m-b-20">
-                        <div class="col-7">
+                        <div class="col-12 col-md-7">
                             <div class="row m-b-10 text-info">
                                 <div class="col">
                                     <h5 class="m-b-0 m-t-0 bold">Service Type</h5>
@@ -52,13 +52,13 @@
                             <div class="row">
                                 <div class="col">
                                     <div class="row">
-                                        <div class="col-4">
+                                        <div class="col-12 col-md-4">
                                             <validation-wrapper-component selectable class="m-b-15" :validator="$v.parameters.packing_list.type">
                                                 <label class="text-primary">Goods Type</label>
                                                 <select-component :options="[{'id': 0, 'text': 'Package'}, {'id': 3, 'text': 'Documents'}, {'id': 1, 'text': 'Pallet'}]" v-model="parameters.packing_list.type"></select-component>
                                             </validation-wrapper-component>
                                         </div>
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.description">
                                                 <label class="text-primary">Goods Name</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.description">
@@ -66,19 +66,19 @@
                                         </div>
                                     </div>
                                     <div class="row">
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.value">
                                                 <label class="text-primary">Goods Value</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.value" v-money="money">
                                             </validation-wrapper-component>
                                         </div>
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.weight">
                                                 <label class="text-primary">Weight (KG)</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.weight" v-money="weight">
                                             </validation-wrapper-component>
                                         </div>
-                                        <div class="col">
+                                        <div class="col-12 col-md">
                                             <validation-wrapper-component class="m-b-15" :validator="$v.parameters.packing_list.quantity">
                                                 <label class="text-primary">Parcel Quantity</label>
                                                 <input type="text" class="form-control fs-12" v-model.trim="parameters.packing_list.quantity" v-money="integer">
@@ -174,7 +174,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-4">
+                <div class="coll col-md-4">
                     <div class="row m-b-50">
                         <div class="col bg-master-lightest">
                             <div class="row b-b b-grey m-b-15">