优化全能创作
This commit is contained in:
@@ -194,6 +194,11 @@
|
||||
animation: omniMessageIn 220ms ease both;
|
||||
}
|
||||
|
||||
/* 追问/素材选择卡:关掉入场 opacity,poll 合并时即使短暂重挂也不会闪没 */
|
||||
.omni-elicit-card {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.omni-elicit-slot {
|
||||
width: min(760px, calc(100% - 44px));
|
||||
margin: 0 0 24px 44px;
|
||||
@@ -370,37 +375,6 @@
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.omni-plan-matrix {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 5px;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.omni-plan-matrix th,
|
||||
.omni-plan-matrix td {
|
||||
height: 28px;
|
||||
border-radius: 7px;
|
||||
color: #6d747e;
|
||||
background: #f6f8fa;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.omni-plan-matrix th:first-child,
|
||||
.omni-plan-matrix td:first-child {
|
||||
width: 106px;
|
||||
padding-left: 8px;
|
||||
color: #323944;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.omni-plan-matrix td.hit {
|
||||
color: #fff;
|
||||
background: var(--klein);
|
||||
}
|
||||
|
||||
.omni-plan-summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -507,6 +481,13 @@
|
||||
background: rgba(255, 255, 255, .96);
|
||||
box-shadow: 0 15px 34px rgba(20, 27, 38, .10);
|
||||
backdrop-filter: blur(14px);
|
||||
transition: border-color .18s ease, box-shadow .18s ease;
|
||||
}
|
||||
|
||||
/* 「我想改」后点亮输入区,outline:0 的 textarea 本身看不出焦点 */
|
||||
.omni-session-composer.is-revise-hint {
|
||||
border-color: rgba(0, 47, 167, .42);
|
||||
box-shadow: 0 15px 34px rgba(20, 27, 38, .10), 0 0 0 3px rgba(0, 47, 167, .14);
|
||||
}
|
||||
|
||||
#omniSessionPrompt {
|
||||
@@ -1157,7 +1138,8 @@
|
||||
.omni-prompt-file-card,
|
||||
.omni-result-card,
|
||||
.omni-process-card,
|
||||
.omni-elicit-slot {
|
||||
.omni-elicit-slot,
|
||||
.omni-step-confirm-card {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
@@ -1313,6 +1295,76 @@
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* ── 步骤确认(.omni-step-confirm-card)· 策略/方案/Prompt 闸门
|
||||
与 .omni-strategy-card 同宽同左缩进,避免策略卡下方出现一条瘦操作条 */
|
||||
.omni-step-confirm-card {
|
||||
box-sizing: border-box;
|
||||
width: min(760px, calc(100% - 44px));
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
margin: 0 0 24px 44px;
|
||||
padding: 14px 16px;
|
||||
border: 1px solid rgba(34, 42, 54, 0.09);
|
||||
border-radius: 16px;
|
||||
background: #fff;
|
||||
box-shadow: 0 12px 30px rgba(20, 27, 38, .065);
|
||||
/* 不走入场 opacity 动画:poll 重渲染时避免「闪一下」 */
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.omni-step-confirm-card.is-submitted {
|
||||
opacity: 0.72;
|
||||
}
|
||||
|
||||
.omni-step-confirm-copy {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.omni-step-confirm-copy strong {
|
||||
color: #222a36;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.omni-step-confirm-copy span {
|
||||
color: #575d66;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.omni-step-confirm-actions {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.omni-step-confirm-actions button {
|
||||
padding: 8px 16px;
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
background: var(--klein);
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.omni-step-confirm-actions button.is-secondary {
|
||||
background: #fff;
|
||||
border: 1px solid rgba(34, 42, 54, 0.14);
|
||||
color: #222a36;
|
||||
}
|
||||
|
||||
.omni-step-confirm-actions button:disabled {
|
||||
opacity: 0.45;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* ── 确认闸门(.omni-confirm-card)· 设计稿里是方案卡下面那条操作行,这里独立成卡。
|
||||
积分数字挂在按钮里 —— 用户按下去之前就该知道要花多少。 */
|
||||
.omni-confirm-card {
|
||||
@@ -2008,6 +2060,12 @@
|
||||
}
|
||||
|
||||
|
||||
/* 闸门气泡所在行不入场闪:5 闸门按钮需在 awaiting_user 期间保持实心可见 */
|
||||
.omni-chat-row.agent:has(.omni-gate-actions),
|
||||
.omni-chat-row.agent:has(.omni-gate-answered) {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.omni-gate-bubble {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
Reference in New Issue
Block a user