From d26c90136bcec6ddd39d2c2c660740577ff4a386 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Sat, 9 Oct 2021 20:43:40 +0800
Subject: [PATCH] improve responsive

---
 .../orders/sections/OrderProfileSectionComponent.vue          | 4 ++--
 .../vue/components/orders/sections/OrderSectionComponent.vue  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
index eca748f0..4027ce1d 100644
--- a/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
@@ -221,9 +221,9 @@
                                 </div>
                             </div>
                             <div class="row no-margin">
-                                <div class="col bg-master-lightest padding-30">
+                                <div class="col bg-master-lightest p-1 p-sm-4">
                                     <div class="row tabsContainer tabContent active" tab-name="originWarehouse">
-                                        <div class="col-4">
+                                        <div class="col-12 col-sm-4">
                                             <div class="row">
                                                 <div class="col bg-complete-lighter p-b-10">
                                                     <div class="row align-item-center p-t-10 p-b-10">
diff --git a/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue
index 88d5362b..f9660969 100644
--- a/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue
@@ -99,7 +99,7 @@
                 </div>
             </div>
             <div class="row no-margin">
-                <div class="col bg-master-lightest padding-30">
+                <div class="col bg-master-lightest p-1 p-sm-4">
                     <div class="row tabsContainer tabContent" :class="{'hide': item ? item.status === 2 : true, 'active': item ? item.status !== 2 : false}" tab-name="pending">
                         <div class="col">
                             <div class="row parentContainer" v-if="item ? item.status !== 2 && item.last_order : false">