refactor: update logging record layout to use block-level elements for better alignment and structure

This commit is contained in:
jxxghp
2026-05-06 08:02:50 +08:00
parent 14279c773d
commit 0ca2f20b24
+7 -6
View File
@@ -597,15 +597,16 @@ onUnmounted(() => {
<div class="logging-record-lines"> <div class="logging-record-lines">
<div v-for="item in group.items" :key="item.id" class="logging-record-line"> <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 }} {{ 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> <div class="logging-record-body">
<span v-if="item.timeDisplay" class="logging-record-inline-time">{{ item.timeDisplay }}</span>
<span class="logging-record-body">{{ item.message }}</span> {{ item.message }}
</div>
</div> </div>
</div> </div>
</div> </div>