azmat1127/yingqing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 自由创作任务素材组编辑优化

Browse Source
This commit is contained in:
hh
2026-07-09 15:05:32 +08:00
parent b1d5d25264
commit 93e8ece9da
2 changed files with 315 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/frontend/src/free-create-page.css
+105
View File
@@ -555,8 +555,61 @@
}
.fc-lib-thumb img { width: 100%; height: 100%; object-fit: cover; }
.fc-lib-name { font-size: 12.5px; font-weight: 500; color: var(--accent-black); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-lib-rename-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 24px 24px;
gap: 4px;
align-items: center;
}
.fc-lib-name-input {
height: 28px;
min-width: 0;
padding: 0 8px;
font-size: 12.5px;
font-weight: 500;
}
.fc-lib-rename-btn {
width: 24px;
height: 28px;
border: 1px solid var(--border-faint);
border-radius: var(--r-sm);
background: var(--surface);
color: var(--black-alpha-56);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.fc-lib-rename-btn:hover { color: var(--accent-black); border-color: var(--black-alpha-24); background: var(--black-alpha-4); }
.fc-lib-rename-btn.ok { color: var(--accent-forest); border-color: var(--forest-bd); background: var(--forest-bg); }
.fc-lib-rename-btn:disabled { opacity: .45; cursor: not-allowed; }
.fc-lib-count { font-size: 10.5px; letter-spacing: 0.04em; color: var(--black-alpha-48); }
.fc-lib-err { font-size: 10.5px; color: var(--accent-crimson); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-lib-status {
width: 100%;
justify-content: flex-start;
font-size: 11px;
}
.fc-lib-status.pill-ok {
background: var(--forest-bg);
color: var(--accent-forest);
border-color: var(--forest-bd);
}
.fc-lib-status.pill-info {
background: var(--heat-12);
color: var(--heat);
border-color: var(--heat-20);
}
.fc-lib-status.pill-err {
background: var(--crimson-bg);
color: var(--accent-crimson);
border-color: var(--crimson-bd);
}
.fc-lib-status .dot {
width: 7px;
height: 7px;
background: currentColor;
}
.fc-lib-ops { position: absolute; top: 14px; right: 14px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.2s; }
.fc-lib-group:hover .fc-lib-ops, .fc-lib-asset:hover .fc-lib-ops { opacity: 1; }
.fc-lib-ops button {
@@ -572,6 +625,58 @@
justify-content: center;
}
.fc-lib-ops button:hover { background: var(--accent-black); }
.fc-lib-delete-pop {
position: absolute;
top: 42px;
right: 10px;
z-index: 2;
min-width: 148px;
padding: 10px;
border: 1px solid var(--border-muted);
border-radius: var(--r-md);
background: var(--surface-raised);
box-shadow: 0 0 0 1px var(--black-alpha-7), var(--shadow-floating);
}
.fc-lib-delete-pop::before {
content: "";
position: absolute;
top: -5px;
right: 16px;
width: 8px;
height: 8px;
border-left: 1px solid var(--border-muted);
border-top: 1px solid var(--border-muted);
background: var(--surface-raised);
transform: rotate(45deg);
}
.fc-lib-delete-title {
font-size: 12.5px;
font-weight: 500;
color: var(--accent-black);
margin-bottom: 8px;
}
.fc-lib-delete-note {
font-size: 10.5px;
letter-spacing: 0.04em;
color: var(--black-alpha-48);
margin: -2px 0 8px;
}
.fc-lib-delete-actions { display: flex; justify-content: flex-end; gap: 6px; }
.fc-lib-delete-actions .btn {
height: 26px;
padding: 0 10px;
font-size: 12px;
}
.fc-lib-delete-danger {
color: var(--accent-crimson);
border-color: var(--crimson-bd);
background: var(--crimson-bg);
}
.fc-lib-delete-danger:hover {
color: var(--accent-crimson);
border-color: var(--crimson-bd);
background: var(--crimson-bg);
}
/* 移动端:输入条参数换行、任务流单列 */
@media (max-width: 720px) {