From d3639d44e1f801de4700136084e5b3f663ff3b69 Mon Sep 17 00:00:00 2001
From: MoeSnowyFox <SnowyFox_@outlook.com>
Date: Wed, 24 Sep 2025 22:45:12 +0800
Subject: [PATCH] =?UTF-8?q?fix(plan):=20header-actions=E5=92=8Cheader-left?=
 =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E4=BA=8E=E5=90=8C=E4=B8=80=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/plan/components/PlanHeader.vue  | 25 ++++++++-----------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/plan/components/PlanHeader.vue b/frontend/src/views/plan/components/PlanHeader.vue
index f45a4e5..91555e2 100644
--- a/frontend/src/views/plan/components/PlanHeader.vue
+++ b/frontend/src/views/plan/components/PlanHeader.vue
@@ -114,6 +114,7 @@ const handleAddPlan = () => {
 
 .header-left {
   flex: 1;
+  min-width: 0; /* 防止文字溢出 */
 }
 
 .page-title {
@@ -125,22 +126,14 @@ const handleAddPlan = () => {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
+  white-space: nowrap; /* 防止标题换行 */
+  overflow: hidden;
+  text-overflow: ellipsis; /* 长标题时显示省略号 */
 }
 
 .header-actions {
   flex-shrink: 0;
-}
-
-@media (max-width: 1200px) {
-  .plans-header {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 16px;
-  }
-
-  .page-title {
-    font-size: 28px;
-  }
+  margin-left: 16px; /* 添加间距防止太紧密 */
 }
 
 @media (max-width: 768px) {
@@ -148,10 +141,12 @@ const handleAddPlan = () => {
     font-size: 24px;
   }
 
+  .plans-header {
+    padding: 0 2px; /* 减少边距给内容更多空间 */
+  }
+
   .header-actions {
-    width: 100%;
-    display: flex;
-    justify-content: center;
+    margin-left: 8px; /* 小屏幕时减少间距 */
   }
 }
 </style>