@shoplflow/base 0.26.0 → 0.26.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +7 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +7 -4
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -792,7 +792,7 @@ var BodyContainer = styled6__default.default.div`
|
|
|
792
792
|
flex-direction: column;
|
|
793
793
|
background: ${exports.colorTokens.neutral0};
|
|
794
794
|
box-sizing: border-box;
|
|
795
|
-
min-height: ${({ minHeight }) => minHeight};
|
|
795
|
+
min-height: ${({ minHeight }) => minHeight}px;
|
|
796
796
|
max-height: ${({ maxHeight }) => maxHeight}px;
|
|
797
797
|
flex: 1;
|
|
798
798
|
${({ isIncludeHeader }) => getModalBodyTopBottomPadding(isIncludeHeader)}
|
|
@@ -947,6 +947,9 @@ var ModalBody = ({
|
|
|
947
947
|
}, [isIncludeFooter, isIncludeHeader]);
|
|
948
948
|
const headerFooterHeight = React3.useMemo(() => getHeaderFooterHeight(), [getHeaderFooterHeight]);
|
|
949
949
|
const setAutoHeightMin = () => {
|
|
950
|
+
if (sizeVar === "FULL") {
|
|
951
|
+
return windowHeight - topBottomMargin - headerFooterHeight;
|
|
952
|
+
}
|
|
950
953
|
if (modalContainerHeight) {
|
|
951
954
|
if (modalContainerHeight <= 1200) {
|
|
952
955
|
if (windowHeight < modalContainerHeight) {
|
|
@@ -960,10 +963,10 @@ var ModalBody = ({
|
|
|
960
963
|
}
|
|
961
964
|
};
|
|
962
965
|
const setAutoHeightMax = () => {
|
|
966
|
+
if (sizeVar === "FULL") {
|
|
967
|
+
return windowHeight;
|
|
968
|
+
}
|
|
963
969
|
if (modalContainerHeight) {
|
|
964
|
-
if (sizeVar === "FULL") {
|
|
965
|
-
return windowHeight;
|
|
966
|
-
}
|
|
967
970
|
if (modalContainerHeight > 1200) {
|
|
968
971
|
return 1200 - topBottomMargin - headerFooterHeight;
|
|
969
972
|
}
|