From 162f713b2e2bf3b5b4da25c9ddf6b92cc021456f Mon Sep 17 00:00:00 2001
From: TermiNexus <wyt18222152539wyt@163.com>
Date: Sat, 8 Aug 2026 16:12:22 +0800
Subject: [PATCH] =?UTF-8?q?fix(mail):=20=E4=BF=AE=E5=A4=8D=E9=82=AE?=
 =?UTF-8?q?=E4=BB=B6=E5=88=97=E8=A1=A8=E5=B7=A5=E5=85=B7=E6=A0=8F=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E4=B8=8E=E9=80=89=E4=B8=AD=E8=AE=A1=E6=95=B0=E6=8D=A2?=
 =?UTF-8?q?=E8=A1=8C=E9=94=99=E4=B9=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 标题与「已选 x 封」计数包裹进同一 flex 容器（align-items: baseline） - white-space nowrap 禁止换行、计数 flex-shrink 0、工具栏 overflow hidden
---
 src/views/mail/Mailbox.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/views/mail/Mailbox.vue b/src/views/mail/Mailbox.vue
index c577e31..c62e541 100644
--- a/src/views/mail/Mailbox.vue
+++ b/src/views/mail/Mailbox.vue
@@ -602,8 +602,10 @@ function isSelected(id: string): boolean {
           <section class="mail-list-pane">
             <div class="list-toolbar">
               <el-checkbox :model-value="allChecked" :indeterminate="someChecked" @change="toggleSelectAll" title="全选" />
-              <span class="toolbar-title">{{ currentFolderName }}</span>
-              <span v-if="selectedIds.length" class="toolbar-count">已选 {{ selectedIds.length }} 封</span>
+              <div class="toolbar-left">
+                <span class="toolbar-title">{{ currentFolderName }}</span>
+                <span v-if="selectedIds.length" class="toolbar-count">已选 {{ selectedIds.length }} 封</span>
+              </div>
               <div class="spacer" />
               <el-tooltip content="刷新">
                 <el-button text size="small" :icon="Refresh" @click="loadEmails" />
@@ -960,18 +962,29 @@ html.dark .mail-login-wrap {
   gap: 6px;
   padding: 0 10px;
   border-bottom: 1px solid var(--el-border-color-lighter);
+  overflow: hidden;
+  white-space: nowrap;
 }
 .list-toolbar .spacer {
   flex: 1;
 }
+.toolbar-left {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  min-width: 0;
+}
 .toolbar-title {
   font-size: 14px;
   font-weight: 600;
   color: var(--el-text-color-primary);
+  white-space: nowrap;
 }
 .toolbar-count {
   font-size: 12px;
   color: var(--el-color-primary);
+  white-space: nowrap;
+  flex-shrink: 0;
 }
 .email-list {
   flex: 1;