From b955fbc8a58523f4979f098c0ea6b9a9bb58d393 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Fri, 25 Apr 2025 19:40:53 +0800
Subject: [PATCH] Update DashboardView.vue

---
 packages/frontend/src/views/DashboardView.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/views/DashboardView.vue b/packages/frontend/src/views/DashboardView.vue
index 1c82278..35acae4 100644
--- a/packages/frontend/src/views/DashboardView.vue
+++ b/packages/frontend/src/views/DashboardView.vue
@@ -170,7 +170,8 @@ const isFailedAction = (actionType: string): boolean => {
           <h2 class="text-lg font-medium">{{ t('dashboard.recentActivity', '最近活动') }}</h2>
         </div>
         <div class="p-4">
-          <div v-if="isLoadingLogs" class="text-center text-text-secondary">{{ t('common.loading') }}</div>
+          <!-- Loading State (Only show if loading AND no logs are displayed yet) -->
+          <div v-if="isLoadingLogs && recentAuditLogs.length === 0" class="text-center text-text-secondary">{{ t('common.loading') }}</div>
           <ul v-else-if="recentAuditLogs.length > 0" class="space-y-3">
             <li v-for="log in recentAuditLogs" :key="log.id" class="p-3 bg-header/50 border border-border/50 rounded"> <!-- Applied audit log item style -->
               <div class="flex justify-between items-start mb-1">