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

优化故事版生成

Browse Source
This commit is contained in:
Azmat@qq.com
2026-08-21 18:22:50 +08:00
parent 158c66ac25
commit 409d1c2969
5 changed files with 181 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/frontend/src/pipeline-page.css
+40 -2
View File
@@ -352,7 +352,7 @@
.del { text-decoration: line-through; color: var(--black-alpha-48); }
.ins { background: var(--forest-bg); color: var(--accent-forest); padding: 0 3px; }
.chat-input { padding: 14px 18px 18px; border-top: 1px solid var(--border-faint); }
.chat-input-card { background: var(--background-base); border: 1px solid var(--border-faint); border-radius: var(--r-md); padding: 12px 14px 10px; transition: border-color var(--t-base), box-shadow var(--t-base); }
.chat-input-card { background: var(--background-base); border: 1px solid var(--border-faint); border-radius: var(--r-md); padding: 12px 14px 10px; min-width: 0; overflow: hidden; transition: border-color var(--t-base), box-shadow var(--t-base); }
.chat-input-card:focus-within { border-color: rgba(0, 47, 167, 0.38); box-shadow: 0 0 0 3px rgba(0, 47, 167, 0.07); }
.chat-input-area { width: 100%; border: none; outline: none; background: transparent; font-family: var(--font-sans); font-size: 13px; color: var(--accent-black); line-height: 1.55; resize: none; padding: 0; min-height: 42px; }
.chat-input-area::placeholder { color: var(--black-alpha-40); }
@@ -367,7 +367,45 @@
.chat-send-btn:hover { background: var(--klein-hover); border-color: var(--klein-hover); }
.chat-send-btn:active { transform: scale(.95); }
.chat-send-btn:disabled { background: var(--black-alpha-12); border-color: var(--black-alpha-12); color: var(--black-alpha-40); cursor: not-allowed; transform: none; }
.chat-attach-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.chat-attach-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; min-width: 0; max-width: 100%; }
.chat-file {
display: flex;
align-items: center;
gap: 8px;
max-width: 100%;
min-width: 0;
padding: 8px 10px;
background: var(--surface);
border: 1px solid var(--border-faint);
border-radius: var(--r-md);
}
.chat-file-ico { width: 16px; height: 16px; flex-shrink: 0; color: var(--black-alpha-48); }
.chat-file-meta { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 1px; }
.chat-file-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
color: var(--accent-black);
line-height: 1.3;
}
.chat-file-sub { font-size: 12px; color: var(--black-alpha-48); line-height: 1.3; }
.chat-file-x {
flex-shrink: 0;
width: 18px;
height: 18px;
display: grid;
place-items: center;
background: transparent;
border: 0;
border-radius: var(--r-sm);
color: var(--black-alpha-48);
cursor: pointer;
font-size: 14px;
line-height: 1;
padding: 0;
}
.chat-file-x:hover { background: var(--black-alpha-4); color: var(--accent-black); }
.shot-list { display: flex; flex-direction: column; }
.shots-body { padding: 16px 18px; flex: 1; overflow-y: auto; max-height: 540px; display: flex; flex-direction: column; gap: 12px; position: relative; align-items: stretch; }
core/frontend/src/routes/pipeline.tsx
+7 -4
View File
@@ -3157,10 +3157,13 @@ export function PipelinePage(props: {
</div>
<div className="chat-attach-row" id="chat-attach-row" hidden={chatAttachments.length === 0}>
{chatAttachments.map((att, index) => (
<span className="chip" key={`${att.name}-${index}`} style={{ marginRight: 6 }}>
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" style={{ marginRight: 4 }}><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /><path d="M14 2v6h6" /></svg>
{att.name} · {att.chars} 字
<button type="button" aria-label="移除附件" style={{ marginLeft: 4, background: "none", border: 0, cursor: "pointer", color: "inherit" }} onClick={() => setChatAttachments((list) => list.filter((_, i) => i !== index))}>×</button>
<span className="chat-file" key={`${att.name}-${index}`}>
<svg className="chat-file-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /><path d="M14 2v6h6" /></svg>
<span className="chat-file-meta">
<span className="chat-file-name" title={att.name}>{att.name}</span>
<span className="chat-file-sub">{att.chars} 字</span>
</span>
<button className="chat-file-x" type="button" aria-label="移除附件" onClick={() => setChatAttachments((list) => list.filter((_, i) => i !== index))}>×</button>
</span>
))}
</div>