From 487d07e28cf752d186a7b575a2abec5598aca5f6 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Fri, 20 Oct 2023 16:02:04 +0800
Subject: [PATCH] update design for approve payment

---
 .../elements/PaymentVerificationComponent.vue | 52 ++++++++++---------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/resources/assets/vue/components/paymentsBilling/elements/PaymentVerificationComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/PaymentVerificationComponent.vue
index d9371827..fbf6cc66 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/PaymentVerificationComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/PaymentVerificationComponent.vue
@@ -2,7 +2,7 @@
     <div class="row m-b-10 parentContainer">
         <div class="col">
             <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
-            <div class="row p-1 b-b b-grey" :class="{'b-primary': expanded, 'b-danger': expanded, 'b-a': expanded}" v-show="!isLoading">
+            <div class="row p-1 b-b b-grey" v-show="!isLoading">
                 <div class="col">
                     <div class="row">
                         <div class="col">
@@ -156,32 +156,36 @@
                             <div class="row b-t b-grey p-t-10" v-show="expanded" v-if="item.group_transactions">
                                 <div class="col">
                                     <div class="row p-b-10 b-b b-grey" v-for="(invoice, index) in item.group_transactions">
-                                        <div class="col-1">
-                                            <p class="no-margin fs-10 all-caps">{{ index + 1 }}.</p>
-                                        </div>
-                                        <div class="col-6">
-                                            <p class="no-margin fs-10 all-caps bold">Invoice No</p>
-                                            <div class="fs-10">{{ invoice.bill_no }}</div>
-                                        </div>
-                                        <div class="col-4">
-                                            <p class="no-margin fs-10 all-caps bold">Order</p>
-                                            <div class="fs-10"><a :href="route('order.show', invoice.order.reference)">{{invoice.order.reference}}</a></div>
-                                        </div>
-                                        <div class="col-1">
-                                            <p class="no-margin fs-10 all-caps bold"></p>
-                                        </div>
-                                        <div class="col-6">
-                                            <p class="no-margin fs-10 all-caps bold">Invoice Date</p>
-                                            <div class="fs-10">{{ invoice.created_at }}</div>
-                                        </div>
-                                        <div class="col-4">
-                                            <p class="no-margin fs-10 all-caps bold">Amount</p>
-                                            <div class="font-heading fs-14 text-success bold">{{ invoice.amount.toFixed(2) }}</div>
+                                        <div class="col">
+                                            <div class="row">
+                                                <div class="col-1">
+                                                    <p class="no-margin fs-10 all-caps">{{ index + 1 }}.</p>
+                                                </div>
+                                                <div class="col">
+                                                    <p class="no-margin fs-10 all-caps bold">Invoice No</p>
+                                                    <div class="fs-10">{{ invoice.bill_no }}</div>
+                                                </div>
+                                                <div class="col">
+                                                    <p class="no-margin fs-10 all-caps bold">Order</p>
+                                                    <div class="fs-10"><a :href="route('order.show', invoice.order.reference)">{{invoice.order.reference}}</a></div>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col-1">
+                                                    <p class="no-margin fs-10 all-caps bold"></p>
+                                                </div>
+                                                <div class="col">
+                                                    <p class="no-margin fs-10 all-caps bold">Invoice Date</p>
+                                                    <div class="fs-10">{{ invoice.created_at }}</div>
+                                                </div>
+                                                <div class="col">
+                                                    <p class="no-margin fs-10 all-caps bold">Amount</p>
+                                                    <div class="font-heading fs-14 text-success bold">{{ invoice.amount.toFixed(2) }}</div>
+                                                </div>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
-                               
-                                
                             </div>
                         </div>
                     </div>