coder/ai-chat-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 工具按钮放附件右边、输入框左边

Browse Source
This commit is contained in:
hubian
2026-04-14 17:19:52 +08:00
parent c21270195a
commit 527885f3d6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/index.html
View File

@@ -146,7 +146,7 @@
min-width: 14px; text-align: center; min-width: 14px; text-align: center;
} }
.tools-panel { .tools-panel {
display: none; position: absolute; bottom: 100%; right: 0; margin-bottom: 8px; display: none; position: absolute; bottom: 100%; left: 0; margin-bottom: 8px;
background: white; border: 1px solid #e0e0e0; border-radius: 12px; background: white; border: 1px solid #e0e0e0; border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.15); min-width: 180px; z-index: 100; box-shadow: 0 4px 20px rgba(0,0,0,0.15); min-width: 180px; z-index: 100;
} }
@@ -230,8 +230,7 @@
<div class="input-row"> <div class="input-row">
<input type="file" id="fileInput" multiple accept="image/*,.pdf,.txt,.md,.json,.csv,.doc,.docx" style="display:none" onchange="handleFileUpload(event)"> <input type="file" id="fileInput" multiple accept="image/*,.pdf,.txt,.md,.json,.csv,.doc,.docx" style="display:none" onchange="handleFileUpload(event)">
<button class="upload-btn" onclick="document.getElementById('fileInput').click()" title="上传文件"><i class="ri-attachment-2"></i></button> <button class="upload-btn" onclick="document.getElementById('fileInput').click()" title="上传文件"><i class="ri-attachment-2"></i></button>
<textarea id="messageInput" placeholder="输入消息..." rows="1"></textarea> <!-- 工具按钮放附件右边 -->
<!-- 工具按钮放在右边 -->
<div class="tools-collapsible"> <div class="tools-collapsible">
<button class="tools-toggle-btn" onclick="toggleToolsPanel()" title="工具设置"> <button class="tools-toggle-btn" onclick="toggleToolsPanel()" title="工具设置">
<i class="ri-tools-line"></i> <i class="ri-tools-line"></i>
@@ -245,6 +244,7 @@
<div class="tools-panel-content" id="toolsPanelContent"></div> <div class="tools-panel-content" id="toolsPanelContent"></div>
</div> </div>
</div> </div>
<textarea id="messageInput" placeholder="输入消息..." rows="1"></textarea>
<button class="send-btn" id="sendBtn" onclick="sendMessage()"><i class="ri-send-plane-fill"></i></button> <button class="send-btn" id="sendBtn" onclick="sendMessage()"><i class="ri-send-plane-fill"></i></button>
</div> </div>
<!-- 工具警告提示 --> <!-- 工具警告提示 -->