kris/ForcePilot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style: 点击服务器名称显示详情模态框，限制图标输入长度

Browse Source
This commit is contained in:
Wenjie Zhang 2026-01-14 21:12:12 +08:00
parent 9430cba037
commit e1825aded2
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/McpServersComponent.vue
View File

@ -46,7 +46,7 @@
<div class="server-info"> <div class="server-info">
<span class="server-icon">{{ server.icon || '🔌' }}</span> <span class="server-icon">{{ server.icon || '🔌' }}</span>
<div class="server-basic-info"> <div class="server-basic-info">
<h4 class="server-name">{{ server.name }}</h4> <h4 class="server-name" @click="showDetailModal(server)">{{ server.name }}</h4>
<div class="server-transport"> <div class="server-transport">
<a-tag size="small" class="transport-tag"> <a-tag size="small" class="transport-tag">
{{ server.transport }} {{ server.transport }}
@ -82,7 +82,7 @@
class="action-btn" class="action-btn"
:loading="testLoading === server.name" :loading="testLoading === server.name"
> >
<ApiOutlined /> <ApiOutlined v-if="testLoading !== server.name" />
<span>测试</span> <span>测试</span>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
@ -160,7 +160,7 @@
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="图标" class="form-item"> <a-form-item label="图标" class="form-item">
<a-input v-model:value="form.icon" placeholder="输入 emoji，如 🧠" /> <a-input v-model:value="form.icon" placeholder="输入 emoji，如 🧠" :maxlength="2" />
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@ -668,6 +668,12 @@ onMounted(() => {
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
color: var(--gray-900); color: var(--gray-900);
cursor: pointer;
transition: color 0.2s ease;
&:hover {
color: var(--color-primary);
}
} }
.server-transport { .server-transport {