kjqwdw/prompt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改自动翻译按钮位置

Browse Source
This commit is contained in:
kjqwer
2025-11-29 11:04:25 +08:00
parent 3c07e437ea
commit df58469d4b
1 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PromptEditor.vue
+25 -17
View File
@@ -802,23 +802,25 @@ function isRemoveDisabled(token: string): boolean {
<section class="pe-right-pane"> <section class="pe-right-pane">
<div class="pe-section-title mode"> <div class="pe-section-title mode">
<span>提示词映射（双击修改）</span> <div class="pe-title-group">
<button <span>提示词映射（双击修改）</span>
v-if="unmappedTokens.length > 0" <button
class="pe-auto-trans-btn" v-if="unmappedTokens.length > 0"
@click="showTranslationPopup = true" class="pe-auto-trans-btn"
title="自动翻译未映射词条" @click="showTranslationPopup = true"
> title="自动翻译未映射词条"
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> >
<path d="M5 8l6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 14l6-6 2-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 8l6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2 5h12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 14l6-6 2-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7 2v3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 5h12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 22l-5-13-5 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 2v3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.2 18h5.6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22 22l-5-13-5 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> <path d="M14.2 18h5.6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
自动翻译 </svg>
</button> 自动翻译
</button>
</div>
<div class="pe-mode-switch"> <div class="pe-mode-switch">
<button :class="{ active: viewMode==='compact' }" @click="viewMode='compact'">精简视图</button> <button :class="{ active: viewMode==='compact' }" @click="viewMode='compact'">精简视图</button>
<button :class="{ active: viewMode==='detail' }" @click="viewMode='detail'">详细视图</button> <button :class="{ active: viewMode==='detail' }" @click="viewMode='detail'">详细视图</button>
@@ -1336,6 +1338,12 @@ function isRemoveDisabled(token: string): boolean {
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
.pe-title-group {
display: flex;
align-items: center;
gap: 1rem;
}
.pe-mode-switch { .pe-mode-switch {
display: flex; display: flex;
gap: 0.25rem; gap: 0.25rem;