Skip to content

Commit 06983a3

Browse files
catlog22claude
andcommitted
fix(dashboard): 添加路径选择弹窗样式
- 修复 path-modal 样式丢失问题 - 添加完整的弹窗样式定义 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent a809535 commit 06983a3

File tree

3 files changed

+186
-27
lines changed

3 files changed

+186
-27
lines changed

ccw/src/templates/dashboard.css

Lines changed: 183 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7929,3 +7929,186 @@ code.ctx-meta-chip-value {
79297929
width: 16px;
79307930
border-radius: 3px;
79317931
}
7932+
7933+
/* ===================================
7934+
Path Selection Modal
7935+
=================================== */
7936+
7937+
.path-modal-overlay {
7938+
position: fixed;
7939+
top: 0;
7940+
left: 0;
7941+
right: 0;
7942+
bottom: 0;
7943+
background: rgba(0, 0, 0, 0.5);
7944+
display: flex;
7945+
align-items: center;
7946+
justify-content: center;
7947+
z-index: 1000;
7948+
backdrop-filter: blur(2px);
7949+
}
7950+
7951+
.path-modal {
7952+
background: hsl(var(--card));
7953+
border: 1px solid hsl(var(--border));
7954+
border-radius: 0.75rem;
7955+
width: 90%;
7956+
max-width: 480px;
7957+
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
7958+
animation: modal-enter 0.2s ease-out;
7959+
}
7960+
7961+
@keyframes modal-enter {
7962+
from {
7963+
opacity: 0;
7964+
transform: scale(0.95) translateY(-10px);
7965+
}
7966+
to {
7967+
opacity: 1;
7968+
transform: scale(1) translateY(0);
7969+
}
7970+
}
7971+
7972+
.path-modal-header {
7973+
display: flex;
7974+
align-items: center;
7975+
gap: 0.75rem;
7976+
padding: 1.25rem 1.5rem;
7977+
border-bottom: 1px solid hsl(var(--border));
7978+
}
7979+
7980+
.path-modal-icon {
7981+
font-size: 1.5rem;
7982+
color: hsl(var(--primary));
7983+
}
7984+
7985+
.path-modal-header h3 {
7986+
margin: 0;
7987+
font-size: 1.1rem;
7988+
font-weight: 600;
7989+
color: hsl(var(--foreground));
7990+
}
7991+
7992+
.path-modal-body {
7993+
padding: 1.5rem;
7994+
}
7995+
7996+
.path-modal-body p {
7997+
margin: 0 0 1rem;
7998+
color: hsl(var(--muted-foreground));
7999+
font-size: 0.9rem;
8000+
line-height: 1.5;
8001+
}
8002+
8003+
.path-modal-command {
8004+
display: flex;
8005+
align-items: center;
8006+
gap: 0.75rem;
8007+
background: hsl(var(--muted));
8008+
padding: 0.75rem 1rem;
8009+
border-radius: 0.5rem;
8010+
font-family: var(--font-mono);
8011+
}
8012+
8013+
.path-modal-command code {
8014+
flex: 1;
8015+
font-size: 0.85rem;
8016+
color: hsl(var(--foreground));
8017+
word-break: break-all;
8018+
}
8019+
8020+
.path-modal-command .copy-btn {
8021+
display: flex;
8022+
align-items: center;
8023+
gap: 0.375rem;
8024+
padding: 0.375rem 0.75rem;
8025+
background: hsl(var(--primary));
8026+
color: white;
8027+
border: none;
8028+
border-radius: 0.375rem;
8029+
font-size: 0.8rem;
8030+
cursor: pointer;
8031+
transition: all 0.15s;
8032+
white-space: nowrap;
8033+
}
8034+
8035+
.path-modal-command .copy-btn:hover {
8036+
background: hsl(var(--primary) / 0.9);
8037+
}
8038+
8039+
.path-modal-note {
8040+
font-size: 0.85rem !important;
8041+
color: hsl(var(--muted-foreground)) !important;
8042+
}
8043+
8044+
.path-modal-note code {
8045+
background: hsl(var(--muted));
8046+
padding: 0.125rem 0.375rem;
8047+
border-radius: 0.25rem;
8048+
font-size: 0.8rem;
8049+
}
8050+
8051+
.path-modal-input {
8052+
width: 100%;
8053+
padding: 0.75rem 1rem;
8054+
background: hsl(var(--background));
8055+
border: 1px solid hsl(var(--border));
8056+
border-radius: 0.5rem;
8057+
font-size: 0.9rem;
8058+
color: hsl(var(--foreground));
8059+
outline: none;
8060+
transition: border-color 0.15s;
8061+
}
8062+
8063+
.path-modal-input:focus {
8064+
border-color: hsl(var(--primary));
8065+
}
8066+
8067+
.path-modal-input::placeholder {
8068+
color: hsl(var(--muted-foreground));
8069+
}
8070+
8071+
.path-modal-footer {
8072+
display: flex;
8073+
justify-content: flex-end;
8074+
gap: 0.75rem;
8075+
padding: 1rem 1.5rem;
8076+
border-top: 1px solid hsl(var(--border));
8077+
background: hsl(var(--muted) / 0.3);
8078+
border-radius: 0 0 0.75rem 0.75rem;
8079+
}
8080+
8081+
.path-modal-close {
8082+
padding: 0.5rem 1.25rem;
8083+
background: hsl(var(--muted));
8084+
color: hsl(var(--foreground));
8085+
border: none;
8086+
border-radius: 0.375rem;
8087+
font-size: 0.875rem;
8088+
cursor: pointer;
8089+
transition: all 0.15s;
8090+
}
8091+
8092+
.path-modal-close:hover {
8093+
background: hsl(var(--hover));
8094+
}
8095+
8096+
.path-modal-confirm {
8097+
padding: 0.5rem 1.25rem;
8098+
background: hsl(var(--primary));
8099+
color: white;
8100+
border: none;
8101+
border-radius: 0.375rem;
8102+
font-size: 0.875rem;
8103+
cursor: pointer;
8104+
transition: all 0.15s;
8105+
}
8106+
8107+
.path-modal-confirm:hover {
8108+
background: hsl(var(--primary) / 0.9);
8109+
}
8110+
8111+
.path-modal-confirm:disabled {
8112+
opacity: 0.5;
8113+
cursor: not-allowed;
8114+
}

package-lock.json

Lines changed: 2 additions & 26 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "claude-code-workflow",
3-
"version": "6.0.3",
3+
"version": "6.0.4",
44
"description": "JSON-driven multi-agent development framework with intelligent CLI orchestration (Gemini/Qwen/Codex), context-first architecture, and automated workflow execution",
55
"type": "module",
66
"main": "ccw/src/index.js",

0 commit comments

Comments
 (0)