@rpg-engine/long-bow 0.5.79 → 0.5.81

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

@@ -13544,7 +13544,7 @@ var DraggableContainer = function DraggableContainer(_ref) {
 var Container$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DraggableContainer__Container",
   componentId: "sc-184mpyl-0"
-})(["height:", ";width:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
+})(["height:", ";width:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
   return props.height;
 }, function (_ref2) {
   var width = _ref2.width;
@@ -13554,7 +13554,7 @@ var Container$7 = /*#__PURE__*/styled__default.div.withConfig({
   return opacity && styled.css(["opacity:", ";"], opacity);
 }, function (_ref4) {
   var isFullScreen = _ref4.isFullScreen;
-  return isFullScreen && styled.css(["justify-content:center;align-items:flex-start;align-content:flex-start;"]);
+  return isFullScreen && styled.css(["justify-content:center;align-items:flex-start;align-content:space-between;@media screen and (min-width:768px){align-content:flex-start;}"]);
 });
 var CloseButton$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DraggableContainer__CloseButton",
@@ -14266,7 +14266,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     onDrag: onDraggableProgress,
     position: dragPosition,
     cancel: ".empty-slot",
-    bounds: ".item-container-body"
+    bounds: ".item-container-body, .equipment-container-body"
   }, React__default.createElement(ItemContainer, {
     ref: dragContainer,
     isFocused: isFocused,
@@ -16669,21 +16669,24 @@ var ItemContainer$1 = function ItemContainer(_ref) {
 var ItemsContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ItemContainer__ItemsContainer",
   componentId: "sc-15y5p9l-0"
-})(["display:flex;justify-content:", ";flex-wrap:wrap;max-height:", ";overflow-y:", ";overflow-x:hidden;width:", ";margin-top:", ";"], function (_ref2) {
+})(["display:flex;justify-content:", ";flex-wrap:wrap;max-height:", ";overflow-y:", ";overflow-x:hidden;width:", ";max-height:", ";@media screen and (max-height:350px){max-height:", ";}"], function (_ref2) {
   var isFullScreen = _ref2.isFullScreen;
   return isFullScreen ? 'flex-start' : 'center';
 }, function (_ref3) {
   var isFullScreen = _ref3.isFullScreen;
-  return isFullScreen ? '100vh' : '270px';
+  return isFullScreen ? undefined : '270px';
 }, function (_ref4) {
   var isScrollable = _ref4.isScrollable;
-  return isScrollable ? 'scroll' : 'hidden';
+  return isScrollable ? 'auto' : 'hidden';
 }, function (_ref5) {
   var isFullScreen = _ref5.isFullScreen;
   return isFullScreen ? '100vw' : '415px';
 }, function (_ref6) {
   var isFullScreen = _ref6.isFullScreen;
-  return isFullScreen ? '1rem' : '0';
+  return isFullScreen && '60%';
+}, function (_ref7) {
+  var isFullScreen = _ref7.isFullScreen;
+  return isFullScreen && '50%';
 });
 
 var LeaderboardTable = function LeaderboardTable(props) {