fix: 嵌入模型下拉收窄并与工具栏同行

This commit is contained in:
developer
2026-04-04 22:57:52 +08:00
parent 3749d5c2de
commit 76d33108e2
2 changed files with 29 additions and 38 deletions
+18 -22
View File
@@ -1885,19 +1885,31 @@ body::before {
.kb-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
flex-shrink: 0;
flex-wrap: wrap;
}
.kb-toolbar-left {
display: flex;
align-items: center;
gap: 8px;
.kb-embed-select {
flex: 1;
min-width: 0;
max-width: 200px;
padding: 5px 8px;
font-size: 12px;
background: var(--bg-secondary);
color: var(--text-primary);
border: 1px solid var(--border-glass);
border-radius: 6px;
outline: none;
cursor: pointer;
}
.kb-toolbar-right {
.kb-embed-select:focus {
border-color: var(--accent-cyan);
}
.kb-rag-toggle {
display: flex;
align-items: center;
gap: 6px;
margin-left: auto;
white-space: nowrap;
}
@@ -1923,22 +1935,6 @@ body::before {
to { transform: rotate(360deg); }
}
.kb-embed-model {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.kb-embed-model .setting-label {
flex-shrink: 0;
}
.kb-embed-model .model-select {
flex: 1;
min-width: 0;
padding: 5px 8px;
font-size: 12px;
}
.kb-doc-list {
flex: 1;
overflow-y: auto;
+5 -10
View File
@@ -340,28 +340,23 @@
<!-- 右侧:文档列表 -->
<div class="kb-main">
<div class="kb-toolbar">
<div class="kb-toolbar-left">
<button class="btn btn-sm btn-outline" id="btnUploadDoc">📄 上传文档</button>
<input type="file" id="kbFileInput" accept=".txt,.md,.py,.js,.ts,.java,.go,.rs,.cpp,.c,.h,.hpp,.rb,.php,.sh,.html,.css,.json,.yaml,.yml,.toml,.xml,.sql,.csv" multiple style="display:none;">
<span id="kbProgress" style="display:none;" class="kb-progress">
<span class="spinner"></span>
<span id="kbProgressText">处理中...</span>
</span>
</div>
<div class="kb-toolbar-right">
<label class="setting-label" style="margin:0;font-size:12px;">RAG 检索</label>
<select class="kb-embed-select" id="selectEmbedModel">
<option value="">嵌入模型...</option>
</select>
<div class="kb-rag-toggle">
<label class="setting-label" style="margin:0;font-size:12px;white-space:nowrap;">RAG</label>
<label class="toggle-label" style="margin:0;">
<input type="checkbox" id="toggleRAG">
<span class="toggle-slider"></span>
</label>
</div>
</div>
<div class="kb-embed-model">
<label class="setting-label" style="font-size:12px;">嵌入模型</label>
<select class="model-select" id="selectEmbedModel" style="font-size:13px;">
<option value="">选择嵌入模型...</option>
</select>
</div>
<div class="kb-doc-list" id="kbDocList">
<p class="text-muted" style="padding:16px;text-align:center;">← 选择一个知识库集合</p>
</div>