FIX: Chat messages wrap;

2025-02-19 23:05:13 +00:00
parent 4e85007854
commit 416bd4a381
2 changed files with 5 additions and 1 deletions
--- a/frontend/src/assets/styles/index.css
+++ b/frontend/src/assets/styles/index.css
@@ -171,6 +171,10 @@ body {
  color: var(--text-color);
 }

+.message {
+  word-wrap: anywhere;
+}
+



--- a/frontend/src/components/Video/ChatPanel.tsx
+++ b/frontend/src/components/Video/ChatPanel.tsx
@@ -177,7 +177,7 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
                </span>
              </div>
              {/* Message content */}
-              <div className="w-full text-[0.9em] mt-0.5em flex flex-col overflow-hidden break-words">
+              <div className="message w-full text-[0.9em] mt-0.5em flex flex-col overflow-hidden" >
                {msg.message}
              </div>
            </div>