style: 工具栏流程名居中显示;移除顶栏页面徽标

This commit is contained in:
yu 2026-10-28 17:15:06 +08:00
parent e00a1e4743
commit f2eb449b87
2 changed files with 14 additions and 17 deletions

View File

@ -1,5 +1,5 @@
import { useCallback, useEffect, useState } from "react";
import { Bot, CircleAlert, Loader2, ListChecks, Sparkles } from "lucide-react";
import { Bot, CircleAlert, Loader2, ListChecks } from "lucide-react";
import type { Catalog, FlowDefinition, FlowSummary } from "@shared/types";
import { useEditorStore } from "./store/editorStore";
import { useRunStore } from "./store/runStore";
@ -18,13 +18,6 @@ interface ToastState {
kind: "ok" | "error";
}
const PAGE_LABEL: Record<Page, string> = {
tasks: "编排",
editor: "流程编排",
runs: "运行中心",
settings: "设置"
};
function normalizeLegacyLinearLayout(flow: FlowDefinition): FlowDefinition {
const topLevel = flow.nodes.filter((node) => !node.parentId);
if (topLevel.length < 2) return flow;
@ -208,11 +201,6 @@ export function App() {
</span>
<strong>RPA Studio</strong>
</div>
<span className="titlebar-divider" />
<span className="workspace-chip">
{page === "tasks" ? <ListChecks className="icon" /> : page === "editor" ? <Sparkles className="icon" /> : page === "runs" ? <railIcons.runs className="icon" /> : <railIcons.settings className="icon" />}
{PAGE_LABEL[page]}
</span>
<div className="titlebar-right">
<span className="engine-chip" title="运行期完全离线">
<span className="engine-dot" />

View File

@ -597,15 +597,24 @@ textarea:focus-visible {
flex: 1;
}
.canvas-toolbar .editor-breadcrumb {
flex: 1;
min-width: 0;
}
.canvas-toolbar .toolbar-actions {
flex: 1;
justify-content: flex-end;
}
.flow-meta {
min-width: 0;
flex: none;
max-width: 300px;
display: flex;
flex-direction: column;
align-items: flex-end;
align-items: center;
gap: 2px;
margin-right: 6px;
}
.flow-name {
@ -619,7 +628,7 @@ textarea:focus-visible {
min-width: 0;
width: auto;
max-width: 100%;
text-align: right;
text-align: center;
}
.flow-name:focus {
@ -630,7 +639,7 @@ textarea:focus-visible {
.flow-sub {
display: flex;
align-items: center;
justify-content: flex-end;
justify-content: center;
gap: 6px;
color: var(--muted);
font-size: 10.5px;