fix: visible scrollbar on web messages area
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -154,7 +154,11 @@ const WEB_HTML: &str = r##"<!DOCTYPE html>
|
|||||||
#chat-header input { background: #1a1a2e; border: 1px solid #333; color: #e6a23c; padding: 2px 6px;
|
#chat-header input { background: #1a1a2e; border: 1px solid #333; color: #e6a23c; padding: 2px 6px;
|
||||||
border-radius: 3px; font-family: inherit; font-size: 0.85em; width: 280px; }
|
border-radius: 3px; font-family: inherit; font-size: 0.85em; width: 280px; }
|
||||||
|
|
||||||
#messages { flex: 1; overflow-y: scroll; padding: 8px 10px; -webkit-overflow-scrolling: touch; min-height: 0; }
|
#messages { flex: 1; overflow-y: scroll; padding: 8px 10px; -webkit-overflow-scrolling: touch; min-height: 0; max-height: calc(100dvh - 100px); }
|
||||||
|
#messages::-webkit-scrollbar { width: 8px; }
|
||||||
|
#messages::-webkit-scrollbar-track { background: #0a0a1a; }
|
||||||
|
#messages::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
|
||||||
|
#messages::-webkit-scrollbar-thumb:hover { background: #555; }
|
||||||
.msg { padding: 2px 0; font-size: 0.85em; white-space: pre-wrap; word-wrap: break-word; }
|
.msg { padding: 2px 0; font-size: 0.85em; white-space: pre-wrap; word-wrap: break-word; }
|
||||||
.msg code { background: #1a1a3e; padding: 1px 4px; border-radius: 3px; font-size: 0.95em; color: #4fc3f7; }
|
.msg code { background: #1a1a3e; padding: 1px 4px; border-radius: 3px; font-size: 0.95em; color: #4fc3f7; }
|
||||||
.msg pre { background: #0d0d20; padding: 8px; border-radius: 4px; margin: 4px 0; overflow-x: auto; border: 1px solid #222; }
|
.msg pre { background: #0d0d20; padding: 8px; border-radius: 4px; margin: 4px 0; overflow-x: auto; border: 1px solid #222; }
|
||||||
|
|||||||
Reference in New Issue
Block a user