render incoming Twitch chat

2026-10-25 04:59:08 +01:00
parent c6844fcc47
commit 7f0d3fbb6d
2 changed files with 31 additions and 2 deletions
@@ -238,6 +238,29 @@ button:hover:not(:disabled) {
  color: var(--ed-dim);
  font: 11px var(--font-data);
 }
+.chat-message-list {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 6px;
+  overflow: auto;
+  padding: 10px;
+}
+.chat-message {
+  display: flex;
+  gap: 7px;
+  font-size: 11px;
+  line-height: 1.35;
+}
+.chat-user {
+  color: var(--ed-accent);
+  font-family: var(--font-data);
+  font-weight: 600;
+}
+.chat-text {
+  color: var(--ed-fg);
+  overflow-wrap: anywhere;
+}
 .workspace {
  display: grid;
  grid-template-columns: 214px 1fr;