From 2c3983cead3a1ea804df4ec042b604c5bca567fc Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 14 Jun 2023 00:45:33 +0800
Subject: [PATCH] modify transaction list page loading style

---
 src/views/mobile/transactions/ListPage.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/mobile/transactions/ListPage.vue b/src/views/mobile/transactions/ListPage.vue
index 4840b956..416b87aa 100644
--- a/src/views/mobile/transactions/ListPage.vue
+++ b/src/views/mobile/transactions/ListPage.vue
@@ -63,7 +63,7 @@
                 <f7-accordion-content style="height: auto">
                     <f7-list strong inset dividers media-list accordion-list class="transaction-info-list combination-list-content">
                         <f7-list-item link="#" chevron-center class="transaction-info"
-                                      :key="itemIdx" v-for="itemIdx in (blockIdx === 1 ? [ 1, 2, 3, 4, 5 ] : [ 1, 2, 3 ])">
+                                      :key="itemIdx" v-for="itemIdx in (blockIdx === 1 ? [ 1, 2, 3, 4, 5, 6, 7 ] : [ 1, 2, 3 ])">
                             <template #media>
                                 <div class="display-flex flex-direction-column transaction-date">
                                     <span class="transaction-day full-line flex-direction-column">DD</span>
@@ -85,13 +85,18 @@
                                                 </div>
                                             </div>
                                             <div class="item-after">
-                                                <div class="no-padding transaction-amount">
+                                                <div class="transaction-amount">
                                                     <span>0.00 USD</span>
                                                 </div>
                                             </div>
                                         </div>
+                                        <div class="item-text">
+                                            <div class="transaction-comment">
+                                                <span>Transaction Comment</span>
+                                            </div>
+                                        </div>
                                         <div class="item-footer">
-                                            <div class="no-padding-horizontal transaction-footer">
+                                            <div class="transaction-footer">
                                                 <span>HH:mm</span>
                                                 <span>·</span>
                                                 <span>Source Account</span>