qiukai/opc-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.3.1 — 任务浮层 Plane 深色风格 + 项目去版本号 + 添加任务按钮

Browse Source
This commit is contained in:
mac
2026-06-15 17:33:34 +08:00
parent 938ec8d181
commit 7ad363f39e
2 changed files with 48 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
static/styles.css
View File

@@ -490,15 +490,54 @@ td {
margin: 4px 0;
}
/* Task Modal */
/* Task Modal — Plane style */
.task-modal { display: none; }
.task-modal.active { display: block; }
.task-overlay {
position: fixed; inset: 0; background: rgba(15,23,42,0.4); z-index: 200;
position: fixed; inset: 0; background: rgba(10,12,16,0.5); z-index: 200;
display: flex; align-items: flex-start; justify-content: center;
padding-top: 60px; overflow-y: auto;
padding-top: 48px; overflow-y: auto;
}
.task-panel {
background: white; border-radius: 12px; width: 800px; max-width: 90vw;
box-shadow: 0 20px 60px rgba(0,0,0,0.15); margin-bottom: 60px;
background: #18191c; border-radius: 12px; width: 600px; max-width: 92vw;
box-shadow: 0 24px 80px rgba(0,0,0,0.4); margin-bottom: 48px;
}
.task-header {
display: flex; align-items: center; justify-content: space-between;
padding: 16px 20px; border-bottom: 1px solid #2a2d34;
}
.task-title { color: #e4e5e7; font-size: 15px; font-weight: 600; }
.task-close {
color: #6b6d75; background: none; border: none; cursor: pointer;
padding: 4px; border-radius: 6px; display: flex;
}
.task-close:hover { color: #e4e5e7; background: #2a2d34; }
.task-body { padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.task-group {
background: #1e2025; border-radius: 8px;
border: 1px solid #2a2d34; overflow: hidden;
}
.task-group-hd {
display: flex; align-items: center; gap: 8px;
padding: 10px 14px;
}
.task-group-icon { color: #6b6d75; display: flex; }
.task-group-label { color: #aeafb4; font-size: 13px; font-weight: 600; }
.task-group-n {
background: #2a2d34; color: #6b6d75; font-size: 11px;
padding: 1px 7px; border-radius: 10px;
}
.task-group-list { display: flex; flex-direction: column; }
.task-row {
display: flex; align-items: center; gap: 10px;
padding: 8px 14px; border-top: 1px solid #24272d;
}
.task-dot { display: flex; color: #4b4d54; }
.task-name { color: #c5c6ca; font-size: 13px; }
.task-none { color: #4b4d54; font-size: 13px; padding: 12px 14px; text-align: center; border-top: 1px solid #24272d; }
.task-group-add {
display: block; width: 100%; padding: 10px; text-align: center;
color: #6b6d75; font-size: 13px; background: none; border: none;
border-top: 1px solid #24272d; cursor: pointer;
}
.task-group-add:hover { color: #e4e5e7; background: #24272d; }