From e00a1e474396048133aec7f43ec304187b79083d Mon Sep 17 00:00:00 2001
From: yu <191972707@qq.com>
Date: Wed, 28 Oct 2026 17:08:40 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=B7=A5=E5=85=B7=E6=A0=8F=E9=87=8D?=
 =?UTF-8?q?=E6=8E=92=E2=80=94=E2=80=94=E9=9D=A2=E5=8C=85=E5=B1=91=E6=94=BE?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=85=E5=B7=A6=EF=BC=8C=E6=B5=81=E7=A8=8B=E5=90=8D?=
 =?UTF-8?q?=E4=B8=8E=E7=BB=9F=E8=AE=A1=E7=A7=BB=E8=87=B3=E5=8F=B3=E4=BE=A7?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E5=8C=BA=E6=97=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/pages/EditorPage.tsx | 17 ++++++-----
 src/renderer/src/styles/app.css       | 43 +++++++++++++++++++++------
 2 files changed, 44 insertions(+), 16 deletions(-)

diff --git a/src/renderer/src/pages/EditorPage.tsx b/src/renderer/src/pages/EditorPage.tsx
index 8b43417..cb82288 100644
--- a/src/renderer/src/pages/EditorPage.tsx
+++ b/src/renderer/src/pages/EditorPage.tsx
@@ -177,14 +177,17 @@ export function EditorPage({ catalog, onToast, onBack }: EditorPageProps) {
 
       <section className="panel canvas-panel" aria-label="流程画布">
         <div className="canvas-toolbar">
+          <div className="editor-breadcrumb">
+            <button type="button" className="back-link" onClick={onBack}>
+              <ArrowLeft className="icon" /> 任务中心
+            </button>
+            <span className="breadcrumb-sep">/</span>
+            <span className="breadcrumb-current">编辑流程</span>
+          </div>
+
+          <span className="spacer" />
+
           <div className="flow-meta">
-            <div className="editor-breadcrumb">
-              <button type="button" className="back-link" onClick={onBack}>
-                <ArrowLeft className="icon" /> 任务中心
-              </button>
-              <span>/</span>
-              <span>编辑流程</span>
-            </div>
             <input
               className="flow-name"
               value={flow.name}
diff --git a/src/renderer/src/styles/app.css b/src/renderer/src/styles/app.css
index 466ce26..efbaa06 100644
--- a/src/renderer/src/styles/app.css
+++ b/src/renderer/src/styles/app.css
@@ -593,12 +593,19 @@ textarea:focus-visible {
   background: rgba(255, 255, 255, 0.94);
 }
 
+.canvas-toolbar .spacer {
+  flex: 1;
+}
+
 .flow-meta {
   min-width: 0;
-  flex: 1;
+  flex: none;
+  max-width: 300px;
   display: flex;
   flex-direction: column;
+  align-items: flex-end;
   gap: 2px;
+  margin-right: 6px;
 }
 
 .flow-name {
@@ -610,7 +617,9 @@ textarea:focus-visible {
   letter-spacing: -0.01em;
   color: var(--ink);
   min-width: 0;
-  width: 100%;
+  width: auto;
+  max-width: 100%;
+  text-align: right;
 }
 
 .flow-name:focus {
@@ -621,6 +630,7 @@ textarea:focus-visible {
 .flow-sub {
   display: flex;
   align-items: center;
+  justify-content: flex-end;
   gap: 6px;
   color: var(--muted);
   font-size: 10.5px;
@@ -3213,30 +3223,45 @@ textarea:focus-visible {
 
 /* ---------- 编辑器返回路径与上下连线 ---------- */
 .editor-breadcrumb {
-  min-height: 18px;
   display: flex;
   align-items: center;
-  gap: 5px;
+  gap: 7px;
+  color: var(--ink-2);
+  font-size: 12.5px;
+  flex: none;
+}
+
+.breadcrumb-sep {
   color: var(--faint);
-  font-size: 10px;
+  font-size: 11.5px;
+}
+
+.breadcrumb-current {
+  color: var(--ink-2);
+  font-weight: 650;
 }
 
 .back-link {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
+  gap: 5px;
   color: var(--blue-dark);
-  font-size: 10px;
+  font-size: 12.5px;
   font-weight: 650;
+  padding: 4px 8px;
+  margin-left: -8px;
+  border-radius: 8px;
+  transition: background 0.14s ease;
 }
 
 .back-link:hover {
   color: var(--blue);
+  background: var(--blue-soft);
 }
 
 .back-link .icon {
-  width: 13px;
-  height: 13px;
+  width: 15px;
+  height: 15px;
 }
 
 .rpa-error-handle {