From 0ca2f20b24729e7858a9fcd8506bf8ea570c10db Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 6 May 2026 08:02:50 +0800
Subject: [PATCH] refactor: update logging record layout to use block-level
 elements for better alignment and structure

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

diff --git a/src/views/system/LoggingView.vue b/src/views/system/LoggingView.vue
index dfb0d93d..3feeff8a 100644
--- a/src/views/system/LoggingView.vue
+++ b/src/views/system/LoggingView.vue
@@ -597,15 +597,16 @@ onUnmounted(() => {
 
             <div class="logging-record-lines">
               <div v-for="item in group.items" :key="item.id" class="logging-record-line">
-                <span class="logging-record-level" :class="`level-${(item.level || 'plain').toLowerCase()}`">
+                <div class="logging-record-level" :class="`level-${(item.level || 'plain').toLowerCase()}`">
                   {{ item.displayLevel }}
-                </span>
+                </div>
 
-                <span v-if="item.appName" class="logging-record-app">[{{ item.appName }}]</span>
+                <div v-if="item.appName" class="logging-record-app">[{{ item.appName }}]</div>
 
-                <span v-if="item.timeDisplay" class="logging-record-inline-time">{{ item.timeDisplay }}</span>
-
-                <span class="logging-record-body">{{ item.message }}</span>
+                <div class="logging-record-body">
+                  <span v-if="item.timeDisplay" class="logging-record-inline-time">{{ item.timeDisplay }}</span>
+                  {{ item.message }}
+                </div>
               </div>
             </div>
           </div>