From 0a34e07cc54479739cba2e677c085d02df798dbf Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 14 Jul 2024 17:56:51 +0800
Subject: [PATCH] style: update LoggingView to use LoadingBanner component for
 refreshing indicator

---
 src/views/system/LoggingView.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/views/system/LoggingView.vue b/src/views/system/LoggingView.vue
index 75bc4757..9bf284f2 100644
--- a/src/views/system/LoggingView.vue
+++ b/src/views/system/LoggingView.vue
@@ -78,11 +78,8 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div v-if="logs.length === 0" class="mt-5 w-full text-center flex flex-col items-center">
-    <VProgressCircular size="48" indeterminate color="primary" />
-    <span class="mt-3">正在刷新 ...</span>
-  </div>
-  <div>
+  <LoadingBanner v-if="logs.length === 0" class="mt-12" text="正在刷新 ..." />
+  <div v-else>
     <VTable class="table-rounded" hide-default-footer disable-sort>
       <tbody>
         <VDataTableVirtual :headers="headers" :items="extractLogDetails" height="100%" density="compact" hover>