fix(F006): 重置密钥弹窗复制按钮显示不全
el-input append插槽被长密钥挤压, 改flex布局按钮独立放置 flex-shrink:0
This commit is contained in:
parent
34e3c7cd71
commit
44fd765aa7
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user