feat: 完善 UI 交互和 mock 数据

- 修复 tab/modal/toolbar CSS class 不匹配问题
- 新增 Modal 弹窗组件替代原生 prompt()
- 补全所有页面的 mock 数据(日志/记忆/MCP)
- 添加 loading 骨架屏动画、按钮 disabled 状态
- 添加搜索高亮 mark 样式
- 修复记忆页面 memory-sidebar/memory-editor 样式
This commit is contained in:
晴天
2026-02-26 22:55:56 +08:00
parent e26c4d9307
commit d32ce81547
6 changed files with 277 additions and 28 deletions

View File

@@ -45,6 +45,14 @@
gap: var(--space-sm);
}
/* 日志工具栏 */
.log-toolbar {
display: flex;
align-items: center;
gap: var(--space-md);
margin-bottom: var(--space-md);
}
/* 日志查看器 */
.log-viewer {
background: var(--bg-secondary);
@@ -93,7 +101,7 @@
height: calc(100vh - 200px);
}
.file-tree {
.memory-sidebar {
background: var(--bg-card);
border: 1px solid var(--border-primary);
border-radius: var(--radius-lg);
@@ -101,6 +109,29 @@
overflow-y: auto;
}
.memory-editor {
background: var(--bg-card);
border: 1px solid var(--border-primary);
border-radius: var(--radius-lg);
display: flex;
flex-direction: column;
overflow: hidden;
}
.memory-editor textarea {
flex: 1;
width: 100%;
background: transparent;
border: none;
resize: none;
outline: none;
color: var(--text-primary);
font-family: var(--font-mono);
font-size: var(--font-size-sm);
line-height: 1.7;
padding: var(--space-lg);
}
.file-item {
padding: var(--space-sm) var(--space-md);
border-radius: var(--radius-sm);