From 788bfa7d4b7e553ba7f910aa1cee47425fb8a3c0 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Thu, 1 Aug 2024 00:39:00 +0800
Subject: [PATCH] fix the default user avatar not display when user cannot load
 user avatar url

---
 src/views/desktop/MainLayout.vue                          | 8 ++++----
 .../desktop/user/settings/tabs/UserBasicSettingTab.vue    | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/desktop/MainLayout.vue b/src/views/desktop/MainLayout.vue
index d9caa876..dd120507 100644
--- a/src/views/desktop/MainLayout.vue
+++ b/src/views/desktop/MainLayout.vue
@@ -116,8 +116,8 @@
                                   :color="currentUserAvatar ? 'rgba(0,0,0,0)' : 'primary'">
                             <v-img :src="currentUserAvatar" v-if="currentUserAvatar">
                                 <template #placeholder>
-                                    <div class="d-flex align-center justify-center fill-height">
-                                        <v-icon :icon="icons.user"/>
+                                    <div class="d-flex align-center justify-center fill-height bg-light-primary">
+                                        <v-icon color="primary" :icon="icons.user"/>
                                     </div>
                                 </template>
                             </v-img>
@@ -131,8 +131,8 @@
                                                           :color="currentUserAvatar ? 'rgba(0,0,0,0)' : 'primary'">
                                                     <v-img :src="currentUserAvatar" v-if="currentUserAvatar">
                                                         <template #placeholder>
-                                                            <div class="d-flex align-center justify-center fill-height">
-                                                                <v-icon :icon="icons.user"/>
+                                                            <div class="d-flex align-center justify-center fill-height bg-light-primary">
+                                                                <v-icon color="primary" :icon="icons.user"/>
                                                             </div>
                                                         </template>
                                                     </v-img>
diff --git a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
index dc4306ea..8bc1c129 100644
--- a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
+++ b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
@@ -13,8 +13,8 @@
                               :color="currentUserAvatar ? 'rgba(0,0,0,0)' : 'primary'">
                         <v-img :src="currentUserAvatar" v-if="currentUserAvatar">
                             <template #placeholder>
-                                <div class="d-flex align-center justify-center fill-height">
-                                    <v-icon size="48" class="user-profile-avatar-placeholder" :icon="icons.user"/>
+                                <div class="d-flex align-center justify-center fill-height bg-light-primary">
+                                    <v-icon color="primary" size="48" class="user-profile-avatar-placeholder" :icon="icons.user"/>
                                 </div>
                             </template>
                         </v-img>