From 64b31bbf4fdf90822b17bc8b2ceb7b790d9d4cbb Mon Sep 17 00:00:00 2001 From: root Date: Wed, 29 Apr 2026 10:17:13 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E6=81=A2=E5=A4=8D=E5=8E=9F=E5=A7=8Binpu?= =?UTF-8?q?t=E8=BE=93=E5=85=A5=E6=A1=86=E9=A3=8E=E6=A0=BC=EF=BC=8C?= =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=B8=8A=E4=BC=A0=E6=94=B9=E4=B8=BA=E8=BD=BB?= =?UTF-8?q?=E9=87=8F=E9=80=82=E9=85=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ui/static/graph.html | 75 ++++++++++++-------------------------------- 1 file changed, 20 insertions(+), 55 deletions(-) diff --git a/ui/static/graph.html b/ui/static/graph.html index 198a15f..14dbb69 100644 --- a/ui/static/graph.html +++ b/ui/static/graph.html @@ -298,10 +298,10 @@ text-align: right; } .chat-input-area { - padding: 12px 16px; + padding: 10px 12px; border-top: 1px solid rgba(100, 100, 255, 0.15); display: flex; - gap: 8px; + gap: 6px; flex-shrink: 0; } .chat-input-area input { @@ -331,23 +331,6 @@ .chat-input-area button:hover { background: rgba(68, 136, 255, 0.5); } -.chat-input-area textarea { - flex: 1; - background: rgba(20, 20, 40, 0.9); - border: 1px solid rgba(100, 100, 255, 0.2); - color: #eee; - padding: 10px 14px; - border-radius: 6px; - font-family: 'Courier New', monospace; - font-size: 13px; - outline: none; - resize: none; - min-height: 40px; - max-height: 120px; -} -.chat-input-area textarea:focus { - border-color: rgba(68, 136, 255, 0.5); -} .attach-btn { background: rgba(68, 136, 255, 0.2); border: 1px solid rgba(68, 136, 255, 0.3); @@ -369,42 +352,44 @@ .chat-files-container { display: flex; flex-wrap: wrap; - gap: 6px; - padding: 8px 16px; - border-top: 1px solid rgba(100, 100, 255, 0.1); - background: rgba(10, 10, 25, 0.5); + gap: 3px; + padding: 2px 12px 6px; + min-height: 0; } .chat-file-chip { display: flex; align-items: center; - gap: 6px; - background: rgba(40, 40, 80, 0.8); - border: 1px solid rgba(100, 100, 255, 0.25); - border-radius: 4px; - padding: 4px 8px; - font-size: 12px; + gap: 4px; + background: rgba(40, 40, 80, 0.7); + border: 1px solid rgba(100, 100, 255, 0.2); + border-radius: 3px; + padding: 2px 6px; + font-size: 11px; color: #dde; - max-width: 200px; + max-width: 160px; + cursor: default; } .chat-file-chip .file-icon { color: #7af; flex-shrink: 0; + font-size: 10px; } .chat-file-chip .file-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; + font-size: 11px; } .chat-file-chip .file-size { - color: #889; - font-size: 10px; + color: #667; + font-size: 9px; flex-shrink: 0; } .chat-file-chip .file-remove { color: #f66; cursor: pointer; - font-size: 14px; + font-size: 12px; line-height: 1; flex-shrink: 0; } @@ -412,22 +397,8 @@ color: #f33; } .chat-messages.drag-over { - background: rgba(68, 136, 255, 0.15); - border: 2px dashed rgba(68, 136, 255, 0.6); -} -.chat-messages.drag-over::after { - content: '📄 松开以上传文件'; - position: absolute; - top: 50%; left: 50%; - transform: translate(-50%, -50%); - background: rgba(10, 10, 40, 0.9); + background: rgba(68, 136, 255, 0.12); border: 2px dashed rgba(68, 136, 255, 0.5); - color: #4488ff; - padding: 20px 40px; - border-radius: 12px; - font-size: 18px; - z-index: 10; - pointer-events: none; } .chat-status { padding: 8px 16px; @@ -533,7 +504,7 @@
你好!我是 TrulyMEM,你的图记忆助手~
- +
@@ -1916,12 +1887,6 @@ function smoothReposition() { }); } - // 输入框自适应高度 - chatInput.addEventListener('input', () => { - chatInput.style.height = 'auto'; - chatInput.style.height = Math.min(chatInput.scrollHeight, 120) + 'px'; - }); - attachBtn.addEventListener('click', () => fileInput.click()); fileInput.addEventListener('change', () => {