修改自动翻译按钮位置

This commit is contained in:
2025-11-29 11:04:25 +08:00
parent 3c07e437ea
commit df58469d4b
+8
View File
@@ -802,6 +802,7 @@ 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">
<div class="pe-title-group">
<span>提示词映射双击修改</span> <span>提示词映射双击修改</span>
<button <button
v-if="unmappedTokens.length > 0" v-if="unmappedTokens.length > 0"
@@ -819,6 +820,7 @@ function isRemoveDisabled(token: string): boolean {
</svg> </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;