Minor styling changes

chat/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {

chat/src/App.css

@@ -58,6 +58,7 @@
   overflow: auto;
   z-index: 2;
   display: flex;
+  background: var(--background);
 }
 
 .App-input {

chat/src/features/chat/ChatMessage.tsx

@@ -95,10 +95,6 @@ export function ChatMessageList() {
   const { messages } = useChat();
   const messageWrapper = useRef<HTMLDivElement>(null);
 
-  useEffect(() => {
-    messageWrapper.current.scrollTop = messageWrapper.current.scrollHeight;
-  }, [messages]);
-
   return (
     <div className="ChatMessageList" ref={messageWrapper}>
       {messages.map((message, index) => (

files/assets/css/chat_done.css

@@ -315,6 +315,7 @@ lite-youtube {
   overflow: auto;
   z-index: 2;
   display: flex;
+  background: var(--background);
 }
 .App-input {
   flex-basis: 7rem;

files/assets/js/chat_done.js

@@ -31110,9 +31110,6 @@
   function ChatMessageList() {
     const { messages } = useChat();
     const messageWrapper = (0, import_react21.useRef)(null);
-    (0, import_react21.useEffect)(() => {
-      messageWrapper.current.scrollTop = messageWrapper.current.scrollHeight;
-    }, [messages]);
     return /* @__PURE__ */ import_react21.default.createElement("div", {
       className: "ChatMessageList",
       ref: messageWrapper
@@ -32674,7 +32671,7 @@
       className: "App-wrapper"
     }, /* @__PURE__ */ import_react35.default.createElement("div", {
       className: "App-heading"
-    }, /* @__PURE__ */ import_react35.default.createElement("small", null, "v", "0.0.3"), /* @__PURE__ */ import_react35.default.createElement(ChatHeading, null)), /* @__PURE__ */ import_react35.default.createElement("div", {
+    }, /* @__PURE__ */ import_react35.default.createElement("small", null, "v", "0.0.4"), /* @__PURE__ */ import_react35.default.createElement(ChatHeading, null)), /* @__PURE__ */ import_react35.default.createElement("div", {
       id: "chatWrapper",
       className: "App-content"
     }, /* @__PURE__ */ import_react35.default.createElement("div", {

files/templates/util/assetcache.html

@@ -36,8 +36,8 @@ set CACHE_VER = {
 	'js/lozad.js': 4000,
 	'js/sort_table.js': 4001,
 
-	'css/chat_done.css': 1001,
-	'js/chat_done.js': 1001,
+	'css/chat_done.css': 1002,
+	'js/chat_done.js': 1002,
 }
 -%}