From 20b983dd06f690e62157387154b00463b6c80c10 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Fri, 20 Nov 2020 22:38:19 +0800
Subject: [PATCH] modify style

---
 src/views/mobile/accounts/AccountList.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/mobile/accounts/AccountList.vue b/src/views/mobile/accounts/AccountList.vue
index 1af16270..b2e470c7 100644
--- a/src/views/mobile/accounts/AccountList.vue
+++ b/src/views/mobile/accounts/AccountList.vue
@@ -18,11 +18,14 @@
                     <f7-icon :f7="showAccountBalance ? 'eye_slash_fill' : 'eye_fill'" size="18px"></f7-icon>
                 </f7-link>
                 <br />
-                <small class="account-overview-info" :style="{ opacity: 0.6 }">
-                    <span>{{ loading ? 'Total assets' : $t('Total assets') }}</span>
+                <small class="account-overview-info" :style="{ opacity: 0.6 }" v-if="loading">
+                    <span>Total assets | Total liabilities</span>
+                </small>
+                <small class="account-overview-info" :style="{ opacity: 0.6 }" v-else-if="!loading">
+                    <span>{{ $t('Total assets') }}</span>
                     <span>{{ totalAssets | currency(defaultCurrency) }}</span>
                     <span>|</span>
-                    <span>{{ loading ? 'Total liabilities' : $t('Total liabilities') }}</span>
+                    <span>{{ $t('Total liabilities') }}</span>
                     <span>{{ totalLiabilities | currency(defaultCurrency) }}</span>
                 </small>
             </f7-card-header>