diff --git a/diagnostic/index.html b/diagnostic/index.html index 6c2621f..9d43d92 100644 --- a/diagnostic/index.html +++ b/diagnostic/index.html @@ -64,11 +64,19 @@ .chat-box { background: #080810; border: 1px solid #1E1E2E; border-radius: 6px; min-height: 120px; max-height: 250px; overflow-y: auto; padding: 8px; margin-bottom: 8px; } - .chat-msg { margin-bottom: 6px; padding: 6px 10px; border-radius: 6px; font-size: 13px; } + .chat-msg { margin-bottom: 6px; padding: 6px 10px; border-radius: 6px; font-size: 13px; line-height: 1.5; word-wrap: break-word; } .chat-msg.sent { background: #0096FF; color: #fff; margin-left: 20%; text-align: right; } .chat-msg.received { background: #1E1E2E; margin-right: 20%; } .chat-msg.error { background: #3B1010; color: #FF6B6B; } .chat-msg .meta { font-size: 10px; color: rgba(255,255,255,0.4); margin-top: 2px; } + .chat-msg a { color: #66BBFF; text-decoration: underline; } + .chat-msg.sent a { color: #CCEEFF; } + .chat-msg .chat-media { max-width: 100%; max-height: 200px; border-radius: 4px; margin-top: 4px; cursor: pointer; display: block; } + .chat-msg .chat-media:hover { opacity: 0.85; } + .lightbox-overlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.92); + z-index:2000; justify-content:center; align-items:center; cursor:pointer; } + .lightbox-overlay.open { display:flex; } + .lightbox-overlay img, .lightbox-overlay video { max-width:95vw; max-height:95vh; border-radius:8px; } .input-row { display: flex; gap: 6px; } .input-row input { flex: 1; background: #1E1E2E; border: 1px solid #333; border-radius: 6px; @@ -368,6 +376,9 @@ + +
+