ui: 生成语音按钮移到错别字按钮后面
- 生成语音按钮从输入区底部移到工具栏,紧跟在“✓ 错别字”之后 - 底部仅保留音色清单状态文字
This commit is contained in:
parent
3ef24ba854
commit
e46cd69c56
@ -483,6 +483,7 @@ export default function TtsPage() {
|
||||
<button className="tool-button min-h-9" onClick={applySymbolPauses} type="button">, 符号停顿</button>
|
||||
<button className="tool-button min-h-9" onClick={applyParagraphPauses} type="button">¶ 段落停顿</button>
|
||||
<button className="tool-button min-h-9" onClick={checkTypos} type="button">✓ 错别字</button>
|
||||
<button className="button-primary" disabled={busy || loading} onClick={() => void createSpeech()} type="button"><BrandIcon />{busy ? "合成中…" : "生成语音"}<ArrowRight /></button>
|
||||
</div>
|
||||
{pauseOpen ? <div className="pause-panel mt-4">
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
@ -503,7 +504,7 @@ export default function TtsPage() {
|
||||
<p className="mt-3 text-xs leading-5 text-subtle">点按钮或选时长即可插入停顿,无需手写代码。标点停顿默认:逗号 0.3s,句号 / 问号 / 感叹号 0.8s。</p>
|
||||
{correctionMessage ? <p className="mt-3 rounded-lg border border-cyan/20 bg-cyan/5 px-3 py-2 text-xs text-cyan">{correctionMessage}</p> : null}
|
||||
</div>
|
||||
<div className="mt-5 flex flex-col gap-4 border-t border-line pt-5 sm:flex-row sm:items-center sm:justify-between"><p className="text-sm text-muted">{loadedAt ? `音色清单已更新 · ${voices.length} 个音色` : "正在读取音色清单…"}</p><button className="button-primary" disabled={busy || loading} onClick={() => void createSpeech()} type="button"><BrandIcon />{busy ? "合成中…" : "生成语音"}<ArrowRight /></button></div>
|
||||
<p className="mt-5 border-t border-line pt-5 text-sm text-muted">{loadedAt ? `音色清单已更新 · ${voices.length} 个音色` : "正在读取音色清单…"}</p>
|
||||
</section>
|
||||
|
||||
<aside className="space-y-6">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user