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