src/modules/openapi/OpenAppListView.vue

@@ -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>