refactor: 深度重构任务预设编辑器 UI 布局

步骤 1: TASK_PROFILE_TABS 调序(生成参数→Prompt 编排→正则)
步骤 2: 预设头部卡片从 2 列 grid 改为堆叠 flex
  - 操作按钮分组(保存|导入导出|恢复默认)+ 分隔符
  - 恢复默认按钮 danger 样式
步骤 3: 生成参数 Tab 从 2 列卡片 grid 改为单列堆叠
  - 运行时说明改轻量 note 样式
步骤 4: Prompt 编排工具栏重组
  - 新增块按钮统一行内 + 分隔符
  - 简化内置块选项文字
  - 增加块数量显示
步骤 5: 正则 Tab 从 3 列 grid 改为 2 行响应式布局
  - 上方:复用配置 + 规则列表(2 列)
  - 下方:规则编辑器(全宽)
  - 应用阶段拆分为输入/输出两组
This commit is contained in:
Youzini-afk
2026-03-25 21:40:33 +08:00
parent 2e06d11151
commit 6609f24e5d
2 changed files with 81 additions and 30 deletions

View File

@@ -1334,7 +1334,12 @@
color: var(--bme-primary);
}
.bme-task-header-grid,
.bme-task-header-fields {
display: flex;
flex-direction: column;
gap: 10px;
}
.bme-task-field-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -1350,25 +1355,51 @@
flex-wrap: wrap;
}
.bme-task-action-sep {
width: 1px;
height: 20px;
background: rgba(255, 255, 255, 0.08);
flex-shrink: 0;
}
.bme-task-btn-danger {
color: var(--bme-on-surface-dim);
}
.bme-task-btn-danger:hover {
border-color: #e94560;
color: #e94560;
background: rgba(233, 69, 96, 0.08);
}
.bme-task-tab-body {
display: flex;
flex-direction: column;
gap: 14px;
}
.bme-task-editor-grid,
.bme-task-generation-grid {
.bme-task-editor-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.bme-task-regex-grid {
.bme-task-regex-top {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.bme-task-block-count {
font-size: 11px;
color: var(--bme-on-surface-dim);
white-space: nowrap;
}
.bme-task-builtin-select {
max-width: 200px;
}
.bme-task-toolbar-row {
display: flex;
align-items: center;
@@ -1755,11 +1786,9 @@
.bme-config-grid-2,
.bme-theme-card-grid,
.bme-task-header-grid,
.bme-task-field-grid,
.bme-task-editor-grid,
.bme-task-generation-grid,
.bme-task-regex-grid {
.bme-task-regex-top {
grid-template-columns: 1fr;
}