ui: 生成语音按钮移到错别字按钮后面

- 生成语音按钮从输入区底部移到工具栏,紧跟在“✓ 错别字”之后
- 底部仅保留音色清单状态文字
This commit is contained in:
2570050763@qq.com 2026-09-17 20:17:06 +08:00
parent 3ef24ba854
commit e46cd69c56

View File

@ -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={applySymbolPauses} type="button"> </button>
<button className="tool-button min-h-9" onClick={applyParagraphPauses} 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="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> </div>
{pauseOpen ? <div className="pause-panel mt-4"> {pauseOpen ? <div className="pause-panel mt-4">
<div className="flex flex-wrap items-center gap-2"> <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> <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} {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>
<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> </section>
<aside className="space-y-6"> <aside className="space-y-6">