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

This commit is contained in:
2026-04-14 17:19:52 +08:00
parent c21270195a
commit 527885f3d6

View File

@@ -146,7 +146,7 @@
min-width: 14px; text-align: center;
}
.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;
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">
<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>
<textarea id="messageInput" placeholder="输入消息..." rows="1"></textarea>
<!-- 工具按钮放在右边 -->
<!-- 工具按钮放附件右边 -->
<div class="tools-collapsible">
<button class="tools-toggle-btn" onclick="toggleToolsPanel()" title="工具设置">
<i class="ri-tools-line"></i>
@@ -245,6 +244,7 @@
<div class="tools-panel-content" id="toolsPanelContent"></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>
</div>
<!-- 工具警告提示 -->