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

View File

@@ -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>