fix(modal): fullscreen height calculation error #203

vbenjs · Jan 19, 2021 · b45f8c5 · b45f8c5
1 parent ca4f1a8
commit b45f8c5
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/Modal/src/components/ModalWrapper.vue b/src/components/Modal/src/components/ModalWrapper.vue
@@ -36,8 +36,8 @@
     props: {
       loading: propTypes.bool,
       useWrapper: propTypes.bool.def(true),
-      modalHeaderHeight: propTypes.number.def(50),
-      modalFooterHeight: propTypes.number.def(54),
+      modalHeaderHeight: propTypes.number.def(57),
+      modalFooterHeight: propTypes.number.def(74),
       minHeight: propTypes.number.def(200),
       height: propTypes.number,
       footerOffset: propTypes.number.def(0),
@@ -137,14 +137,17 @@
 
           if (props.fullScreen) {
             realHeightRef.value =
-              window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight;
+              window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight - 28;
           } else {
             realHeightRef.value = props.height
               ? props.height
               : realHeight > maxHeight
               ? maxHeight
               : realHeight;
           }
+          console.log('======================');
+          console.log(realHeightRef.value, props);
+          console.log('======================');
           emit('height-change', unref(realHeightRef));
         } catch (error) {
           console.log(error);