From 44a1aca5d5f31f2a62325dd62b7eac69e14a31f8 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Fri, 10 Apr 2026 20:24:14 +0800
Subject: [PATCH] chore: adjust message large screen

---
 web/src/views/loginlogs/tabs/LoginLogTab.vue    | 10 +++++-----
 web/src/views/loginlogs/tabs/SystemEventTab.vue |  8 ++++----
 web/src/views/notify/components/PushLog.vue     |  8 ++++----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/web/src/views/loginlogs/tabs/LoginLogTab.vue b/web/src/views/loginlogs/tabs/LoginLogTab.vue
index 1d7b591..e2be891 100644
--- a/web/src/views/loginlogs/tabs/LoginLogTab.vue
+++ b/web/src/views/loginlogs/tabs/LoginLogTab.vue
@@ -192,19 +192,19 @@ onMounted(loadLogs)
                 <!-- ========== 3. 大屏布局 (Large >= 1024px) - 用户调好 ========== -->
                 <div v-for="(log, index) in logs" :key="`large-${log.id}`"
                     class="hidden lg:flex items-center gap-4 px-4 py-2 hover:bg-muted/50 transition-colors">
-                    <span class="w-16 shrink-0 text-muted-foreground text-sm pl-1">#{{ total - (currentPage - 1) * pageSize - index }}</span>
-                    <div class="w-32 shrink-0 flex items-center gap-2 min-w-0 font-medium text-sm">
+                    <span class="w-16 shrink-0 text-muted-foreground text-[13px] pl-1">#{{ total - (currentPage - 1) * pageSize - index }}</span>
+                    <div class="w-32 shrink-0 flex items-center gap-2 min-w-0 text-[13px]">
                         <span :class="['h-2 w-2 rounded-full shrink-0', log.status === 'success' ? 'bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.3)]' : 'bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.3)]']"></span>
                         <span class="truncate">{{ log.username }}</span>
                     </div>
                     <div class="w-40 shrink-0 overflow-hidden">
-                        <code class="block w-full text-xs text-muted-foreground bg-muted px-2 py-1 rounded truncate cursor-pointer hover:bg-muted/80 transition-colors tabular-nums"
+                        <code class="block w-full text-[13px] text-muted-foreground bg-muted px-2 py-1 rounded truncate cursor-pointer hover:bg-muted/80 transition-colors tabular-nums"
                             @click="showIpInfo(log.ip)" :title="log.ip">{{ log.ip }}</code>
                     </div>
-                    <span class="flex-1 min-w-0 text-xs text-muted-foreground truncate">
+                    <span class="flex-1 min-w-0 text-[13px] text-muted-foreground truncate">
                         <TextOverflow :text="log.user_agent || '-'" title="User Agent" />
                     </span>
-                    <span class="w-40 shrink-0 text-right text-xs text-muted-foreground tabular-nums opacity-60">{{ log.created_at }}</span>
+                    <span class="w-40 shrink-0 text-right text-[13px] text-muted-foreground tabular-nums opacity-60">{{ log.created_at }}</span>
                 </div>
             </div>
             <!-- 分页 -->
diff --git a/web/src/views/loginlogs/tabs/SystemEventTab.vue b/web/src/views/loginlogs/tabs/SystemEventTab.vue
index 45d4a0b..4effe60 100644
--- a/web/src/views/loginlogs/tabs/SystemEventTab.vue
+++ b/web/src/views/loginlogs/tabs/SystemEventTab.vue
@@ -269,18 +269,18 @@ function onDialogClose(open: boolean) {
                 <div v-for="(log, index) in logs" :key="`large-${log.id}`"
                     class="hidden lg:flex items-center gap-4 px-4 py-2 hover:bg-muted/50 transition-colors cursor-pointer group"
                     :class="[selectedLogId === log.id && 'bg-accent/50']" @click="showDetail(log)">
-                    <span class="w-16 shrink-0 text-muted-foreground text-sm tabular-nums pl-1">#{{ total - (filters.page - 1) * pageSize - index }}</span>
-                    <div class="w-56 shrink-0 flex items-center gap-3 min-w-0 font-medium text-sm">
+                    <span class="w-16 shrink-0 text-muted-foreground text-[13px] tabular-nums pl-1">#{{ total - (filters.page - 1) * pageSize - index }}</span>
+                    <div class="w-56 shrink-0 flex items-center gap-3 min-w-0 text-[13px]">
                         <component :is="getLevelIcon(log.level)" :class="['h-4 w-4 shrink-0 opacity-80',
                             log.level === LOG_LEVEL.INFO ? 'text-blue-500' :
                                 log.level === LOG_LEVEL.WARNING ? 'text-yellow-500' : 'text-red-500']" />
                         <span class="truncate" :title="log.title">{{ log.title }}</span>
                     </div>
-                    <span class="flex-1 min-w-0 text-sm text-muted-foreground truncate"
+                    <span class="flex-1 min-w-0 text-[13px] text-muted-foreground truncate"
                         :title="log.content">
                         {{ log.content || '-' }}
                     </span>
-                    <span class="w-40 shrink-0 text-right text-xs text-muted-foreground tabular-nums opacity-60">
+                    <span class="w-40 shrink-0 text-right text-[13px] text-muted-foreground tabular-nums opacity-60">
                         {{ formatDate(log.created_at) }}
                     </span>
                 </div>
diff --git a/web/src/views/notify/components/PushLog.vue b/web/src/views/notify/components/PushLog.vue
index 3b0ac98..531f396 100644
--- a/web/src/views/notify/components/PushLog.vue
+++ b/web/src/views/notify/components/PushLog.vue
@@ -289,17 +289,17 @@ function onDialogClose(open: boolean) {
         <div v-for="(log, index) in logs" :key="`large-${log.id}`"
           class="hidden lg:flex items-center gap-4 px-4 py-2 hover:bg-muted/50 transition-colors cursor-pointer group"
           :class="[selectedLogId === log.id && 'bg-accent/50']" @click="showDetail(log)">
-          <span class="w-16 shrink-0 text-muted-foreground text-sm tabular-nums pl-1">#{{ getLogIndex(index) }}</span>
-          <div class="w-56 shrink-0 flex items-center gap-3 min-w-0 font-medium text-sm">
+          <span class="w-16 shrink-0 text-muted-foreground text-[13px] tabular-nums pl-1">#{{ getLogIndex(index) }}</span>
+          <div class="w-56 shrink-0 flex items-center gap-3 min-w-0 text-[13px]">
             <span :class="['h-2 w-2 rounded-full shrink-0', log.status === LOG_STATUS.SUCCESS ? 'bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.3)]' : 'bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.3)]']"></span>
             <span class="truncate" :title="log.title">
               <span v-if="log.channel_name" class="mr-1 text-muted-foreground opacity-60">[{{ log.channel_name }}]</span>{{ log.title }}
             </span>
           </div>
-          <span class="flex-1 min-w-0 text-sm text-muted-foreground truncate" :title="log.content">
+          <span class="flex-1 min-w-0 text-[13px] text-muted-foreground truncate" :title="log.content">
             {{ log.content || '-' }}
           </span>
-          <span class="w-40 shrink-0 text-right text-xs text-muted-foreground tabular-nums opacity-60">
+          <span class="w-40 shrink-0 text-right text-[13px] text-muted-foreground tabular-nums opacity-60">
             {{ formatDate(log.created_at) }}
           </span>
         </div>