Fixed layout min-height

Author: ianvexler

dist/components/layout/Layout.d.ts

@@ -4,7 +4,7 @@ export interface LayoutProps extends React.HTMLProps<HTMLDivElement> {
 declare const Layout: {
     ({ className, children, ...rest }: LayoutProps): React.JSX.Element;
     Brand: ({ ...rest }: import("./components/LayoutBrand").LayoutBrandProps) => React.JSX.Element;
-    Container: ({ className, children, style, ...rest }: import("./components/LayoutContainer").LayoutContainerProps) => React.JSX.Element;
+    Container: ({ className, children, ...rest }: import("./components/LayoutContainer").LayoutContainerProps) => React.JSX.Element;
     Main: ({ className, children, ...rest }: import("./components/LayoutMain").LayoutMainProps) => React.JSX.Element;
 };
 export default Layout;

dist/components/layout/components/LayoutContainer.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { ContainerProps } from 'react-bootstrap';
 export interface LayoutContainerProps extends ContainerProps {
 }
-declare const LayoutContainer: ({ className, children, style, ...rest }: LayoutContainerProps) => React.JSX.Element;
+declare const LayoutContainer: ({ className, children, ...rest }: LayoutContainerProps) => React.JSX.Element;
 export default LayoutContainer;
 //# sourceMappingURL=LayoutContainer.d.ts.map

dist/components/layout/components/LayoutContainer.d.ts.map

@@ -13336,6 +13336,7 @@ textarea.form-control-lg {
 .layout-container {
   transition: width 0.3s ease;
   overflow: auto;
+  min-height: calc(100vh - 8rem);
 }
 
 .search-input {

dist/index.css

@@ -13336,6 +13336,7 @@ textarea.form-control-lg {
 .layout-container {
   transition: width 0.3s ease;
   overflow: auto;
+  min-height: calc(100vh - 8rem);
 }
 
 .search-input {

dist/index.es.css

@@ -29283,8 +29283,8 @@ var LayoutBrand = function (_a) {
 };
 
 var LayoutContainer = function (_a) {
-    var className = _a.className, children = _a.children, style = _a.style, rest = __rest(_a, ["className", "children", "style"]);
-    return (React.createElement(Container$1, __assign$1({ fluid: true, className: classNames('d-flex flex-column px-0 layout-container', className, 'col'), style: __assign$1(__assign$1({}, style), { minHeight: '100vh' }) }, rest), children));
+    var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement(Container$1, __assign$1({ fluid: true, className: classNames('d-flex flex-column px-0 layout-container', className, 'col') }, rest), children));
 };
 
 var LayoutMain = function (_a) {

dist/index.es.js

@@ -13336,6 +13336,7 @@ textarea.form-control-lg {
 .layout-container {
   transition: width 0.3s ease;
   overflow: auto;
+  min-height: calc(100vh - 8rem);
 }
 
 .search-input {

dist/index.js

@@ -1,4 +1,5 @@
 .layout-container {
   transition: width 0.3s ease;
   overflow: auto;
+  min-height: calc(100vh - 8rem);
 }

dist/index.min.css

@@ -7,7 +7,6 @@ export interface LayoutContainerProps extends ContainerProps {}
 const LayoutContainer = ({
   className,
   children,
-  style,
   ...rest
 }: LayoutContainerProps) => {
   return (
@@ -18,7 +17,6 @@ const LayoutContainer = ({
         className,
         'col'
       )}
-      style={{ ...style, minHeight: '100vh' }}
       {...rest}
     >
       {children}