fix(F006): 重置密钥弹窗复制按钮显示不全

el-input append插槽被长密钥挤压, 改flex布局按钮独立放置 flex-shrink:0
This commit is contained in:
Sisyphus 2026-07-10 11:41:08 +08:00
parent 34e3c7cd71
commit 44fd765aa7

View File

@ -425,18 +425,17 @@ onMounted(() => { load(); loadCustomers() })
<p style="margin-bottom: 6px; font-size: 13px; color: var(--ink-2);"> <p style="margin-bottom: 6px; font-size: 13px; color: var(--ink-2);">
新的 AppSecret: <span style="color: var(--ink-3); font-size: 12px;">(明文, 可直接选中复制)</span> 新的 AppSecret: <span style="color: var(--ink-3); font-size: 12px;">(明文, 可直接选中复制)</span>
</p> </p>
<el-input <div style="display: flex; gap: 8px; align-items: center;">
v-model="newSecret" <el-input
readonly v-model="newSecret"
type="text" readonly
size="default" type="text"
style="font-family: ui-monospace, monospace;" size="default"
@focus="onSecretInputFocus" style="flex: 1; font-family: ui-monospace, monospace;"
> @focus="onSecretInputFocus"
<template #append> />
<el-button type="primary" @click="copyText(newSecret, 'AppSecret 已复制')">复制</el-button> <el-button type="primary" style="flex-shrink: 0;" @click="copyText(newSecret, 'AppSecret 已复制')">复制</el-button>
</template> </div>
</el-input>
</div> </div>
<template #footer> <template #footer>
<el-button v-if="!newSecret" @click="resetSecretVisible = false">取消</el-button> <el-button v-if="!newSecret" @click="resetSecretVisible = false">取消</el-button>