fix: log style

Zephyruso · Dec 2, 2024 · 99c4f77 · 99c4f77
1 parent 7aaeaec
commit 99c4f77
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/views/LogsPage.vue b/src/views/LogsPage.vue
@@ -8,12 +8,14 @@
     <div
       v-for="log in renderLogs"
       :key="log.seq"
-      class="card w-full flex-row flex-wrap gap-2 break-all rounded-xl bg-base-100 p-2 text-sm shadow-lg"
+      class="card block rounded-xl bg-base-100 p-2 text-sm shadow-lg"
     >
       <span>{{ log.seq }}</span>
-      <span class="text-primary">{{ dayjs(log.time).locale(language).format('HH:mm:ss') }}</span>
+      <span class="mx-2 text-primary">{{
+        dayjs(log.time).locale(language).format('HH:mm:ss')
+      }}</span>
       <span :class="textColorMapForType[log.type]">{{ log.type }}</span>
-      <span>{{ log.payload }}</span>
+      <span class="ml-2">{{ log.payload }}</span>
     </div>
   </div>
 </template>