refactor: 简化仪表盘布局

- 删除快捷链接侧边栏
- 删除快捷操作区域
- 删除服务状态区域
- 导航链接移到顶部导航栏
- 保留核心状态监控卡片
This commit is contained in:
小白
2026-03-12 20:49:41 +08:00
parent f1e4185c8f
commit a9b35727ce
3 changed files with 41 additions and 93 deletions

View File

@@ -76,6 +76,38 @@ body {
color: var(--text-primary);
}
/* 快捷导航栏 */
.quick-nav {
display: flex;
align-items: center;
gap: 8px;
}
.nav-btn {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: rgba(255, 255, 255, 0.9);
border: none;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
color: #333;
text-decoration: none;
transition: all 0.3s ease;
}
[data-theme="dark"] .nav-btn {
background: rgba(45, 55, 72, 0.9);
color: #e2e8f0;
}
.nav-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.nav-user {
display: flex;
align-items: center;

View File

@@ -50,56 +50,14 @@ async function fetchStatus() {
}
}
// 获取服务状态
async function fetchServices() {
try {
const response = await fetch('/api/status/services');
const result = await response.json();
if (result.success) {
const container = document.getElementById('services-grid');
container.innerHTML = '';
const icons = {
'Flask': '🌐',
'思源笔记': '📝',
'Gitea': '📦',
'NocoDB': '📊',
'Memory Viewer': '🧠'
};
result.data.forEach(service => {
const card = document.createElement('div');
card.className = 'service-card';
card.innerHTML = `
<span class="icon">${icons[service.name] || '🔌'}</span>
<div class="info">
<div class="name">${service.name}</div>
<div class="port">端口: ${service.port}</div>
</div>
<span class="status-badge ${service.status}">${
service.status === 'running' ? '运行中' :
service.status === 'stopped' ? '已停止' : '未知'
}</span>
`;
container.appendChild(card);
});
}
} catch (error) {
console.error('获取服务状态失败:', error);
}
}
// 刷新状态
function refreshStatus() {
fetchStatus();
fetchServices();
}
// 初始化
document.addEventListener('DOMContentLoaded', () => {
fetchStatus();
fetchServices();
// 每 30 秒自动刷新
setInterval(fetchStatus, 30000);