Files
clawpanel/src/style/debug.css
晴天 05771ffa63 fix: 修复所有页面 loading 动画未正确移除的问题
- chat-debug.js: loadDebugInfo 完成后正确调用 renderDebugInfo 移除 loading
- agents.js: loadAgents 失败时显示错误信息替代 loading
- dashboard.js: renderLogs 无日志时显示提示信息
- memory.js: loadFiles 失败时显示错误信息
- services.js: loadServices/loadRegistry/loadBackups 添加 loading 状态并在完成/失败时移除
- extensions.js: loadCftunnel/loadClawapp 添加 loading 状态并在完成/失败时移除
- models.js: loadConfig 添加 loading 状态并在失败时显示错误
- gateway.js: loadConfig 添加 loading 状态并在失败时显示错误
- logs.js: loadLog/searchLog 使用 loading-text 样式并在失败时显示错误

确保所有异步加载函数都:
1. 开始时显示 loading 状态
2. 成功时渲染数据(自动移除 loading)
3. 失败时显示错误信息(替代 loading)
2026-03-03 01:46:19 +08:00

59 lines
1.0 KiB
CSS

/**
* 调试页面样式
*/
.debug-table {
width: 100%;
border-collapse: collapse;
margin-top: 8px;
}
.debug-table td {
padding: 6px 8px;
border-bottom: 1px solid var(--border);
font-size: 12px;
}
.debug-table td:first-child {
color: var(--text-secondary);
width: 200px;
font-weight: 500;
}
.debug-table td:last-child {
color: var(--text-primary);
font-family: monospace;
}
.debug-table tr:last-child td {
border-bottom: none;
}
/* 状态概览卡片 */
.config-section {
background: var(--bg-secondary);
border-radius: 6px;
padding: 12px;
margin-bottom: 12px;
}
.config-section-title {
font-size: 14px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 8px;
}
/* 成功/警告背景色 */
:root {
--success-bg: rgba(34, 197, 94, 0.1);
--warning-bg: rgba(251, 191, 36, 0.1);
--error-bg: rgba(239, 68, 68, 0.1);
}
[data-theme="dark"] {
--success-bg: rgba(34, 197, 94, 0.15);
--warning-bg: rgba(251, 191, 36, 0.15);
--error-bg: rgba(239, 68, 68, 0.15);
}