@rpg-engine/long-bow 0.3.27 → 0.3.29

package/dist/long-bow.cjs.development.js

@@ -32723,7 +32723,7 @@ var Chat = function Chat(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? '80%' : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '250px' : _ref$height,
+    height = _ref$height === void 0 ? 'auto' : _ref$height,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
     _ref$color = _ref.color,
@@ -32777,7 +32777,9 @@ var Chat = function Chat(_ref) {
     height: height
   }, React__default.createElement(reactErrorBoundary.ErrorBoundary, {
     fallback: React__default.createElement("p", null, "Oops! Your chat has crashed.")
-  }, React__default.createElement(MessagesContainer, null, onRenderChatMessages(chatMessages)), React__default.createElement(Form, {
+  }, React__default.createElement(MessagesContainer, {
+    className: "chat-body"
+  }, onRenderChatMessages(chatMessages)), React__default.createElement(Form, {
     onSubmit: handleSubmit
   }, React__default.createElement(Column, {
     flex: 70
@@ -32808,7 +32810,7 @@ var Chat = function Chat(_ref) {
 var ChatContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__ChatContainer",
   componentId: "sc-1bk05n6-0"
-})(["height:", ";width:", ";padding:10px;margin-top:100px;background-color:rgba(0,0,0,0.2);"], function (props) {
+})(["height:", ";width:", ";padding:10px;background-color:rgba(0,0,0,0.2);height:auto;"], function (props) {
   return props.height;
 }, function (_ref3) {
   var width = _ref3.width;
@@ -32821,7 +32823,7 @@ var TextField = /*#__PURE__*/styled.input.withConfig({
 var MessagesContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__MessagesContainer",
   componentId: "sc-1bk05n6-2"
-})(["overflow-y:scroll;height:70%;margin-bottom:10px;"]);
+})(["height:70%;margin-bottom:10px;.chat-body{max-height:auto;overflow-y:auto;}"]);
 var Message = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__Message",
   componentId: "sc-1bk05n6-3"