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 { .kb-toolbar {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
gap: 8px; gap: 8px;
flex-shrink: 0; flex-shrink: 0;
flex-wrap: wrap;
} }
.kb-toolbar-left { .kb-embed-select {
display: flex; flex: 1;
align-items: center; min-width: 0;
gap: 8px; 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; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
margin-left: auto;
white-space: nowrap; white-space: nowrap;
} }
@@ -1923,22 +1935,6 @@ body::before {
to { transform: rotate(360deg); } 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 { .kb-doc-list {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
+11 -16
View File
@@ -340,28 +340,23 @@
<!-- 右侧:文档列表 --> <!-- 右侧:文档列表 -->
<div class="kb-main"> <div class="kb-main">
<div class="kb-toolbar"> <div class="kb-toolbar">
<div class="kb-toolbar-left"> <button class="btn btn-sm btn-outline" id="btnUploadDoc">📄 上传文档</button>
<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;">
<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 id="kbProgress" style="display:none;" class="kb-progress"> <span class="spinner"></span>
<span class="spinner"></span> <span id="kbProgressText">处理中...</span>
<span id="kbProgressText">处理中...</span> </span>
</span> <select class="kb-embed-select" id="selectEmbedModel">
</div> <option value="">嵌入模型...</option>
<div class="kb-toolbar-right"> </select>
<label class="setting-label" style="margin:0;font-size:12px;">RAG 检索</label> <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;"> <label class="toggle-label" style="margin:0;">
<input type="checkbox" id="toggleRAG"> <input type="checkbox" id="toggleRAG">
<span class="toggle-slider"></span> <span class="toggle-slider"></span>
</label> </label>
</div> </div>
</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"> <div class="kb-doc-list" id="kbDocList">
<p class="text-muted" style="padding:16px;text-align:center;">← 选择一个知识库集合</p> <p class="text-muted" style="padding:16px;text-align:center;">← 选择一个知识库集合</p>
</div> </div>