@copart/ops-tool-kit 1.8.1-alpha.11 → 1.8.1-alpha.13

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.8.1-alpha.11";
+const version$5 = "1.8.1-alpha.13";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -11266,7 +11266,10 @@ function (_React$Component) {
       return this.state.gotConfig ? React__namespace.createElement("div", {
         className: "fade-in",
         style: {
-          transition: 'all 3s'
+          transition: 'all 3s',
+          height: '100%',
+          display: 'flex',
+          flexFlow: 'column'
         }
       }, this.props.children) : React__namespace.createElement(coreComponents.Spinner, {
         className: "utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner"
@@ -50508,7 +50511,7 @@ var GoHome = function GoHome(props) {
   }, props.reason));
 };
 
-var css_248z = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n  background: var(--paleGray);\r\n  background: var(--paleGray);\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n  flex: 0 1 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n  height: 100%;\r\n  flex: 1 1 auto;\r\n  display: flex;\r\n  flex-flow: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--pageWrapper {\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-flow: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--breadCrumbsWrapper {\r\n  flex: 0 1 auto;\r\n}\r\n";
+var css_248z = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n  background: var(--paleGray);\r\n  background: var(--paleGray);\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n  flex: 0 1 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n  flex: 1 1 auto;\r\n}\r\n";
 styleInject(css_248z);
 
 if (!storage$1.activeYardNumber) {
@@ -50559,9 +50562,7 @@ var AppFrame = function AppFrame(props) {
     style: props.handleScrolling ? SCROLL : NO_SCROLL
   }, React__default["default"].createElement(BreadcrumbsProvider, {
     history: props.history
-  }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppFrame_AppFrame--pageWrapper"
-  }, React__default["default"].createElement("header", {
+  }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement("header", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--header"
   }, React__default["default"].createElement(AppBar, {
     searchBarProps: props.searchBarProps,
@@ -50574,13 +50575,13 @@ var AppFrame = function AppFrame(props) {
     title: props.appTitle,
     pathname: props.location.pathname
   })), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppFrame_AppFrame--breadCrumbsWrapper"
+    className: ""
   }, React__default["default"].createElement(Breadcrumbs, {
     history: props.history,
     pathname: window.location.pathname
   })), React__default["default"].createElement("main", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--AppContainer"
-  }, props.children))))));
+  }, props.children)))));
 };
 AppFrame.defaultProps = {
   handleScrolling: true