fix(Modal): 全屏modal样式问题 #3019 (#3020)

vbenjs · Sep 13, 2023 · 1ac8c56 · 1ac8c56
1 parent f4149c2
commit 1ac8c56
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Modal/src/BasicModal.vue b/src/components/Modal/src/BasicModal.vue
@@ -1,5 +1,5 @@
 <template>
- <Modal v-bind="getBindValue" @cancel="handleCancel" wrapClassName="vben-basic-modal">
+ <Modal v-bind="getBindValue" @cancel="handleCancel">
  <template #closeIcon v-if="!$slots.closeIcon">
  <ModalClose
  :canFullscreen="getProps.canFullscreen"
@@ -140,8 +140,8 @@
  ...unref(getMergeProps),
  open: unref(openRef),
  };
- attr['wrapClassName'] = `${attr?.['wrapClassName'] || ''} ${unref(getWrapClassName)}`;
-
+ attr['wrapClassName'] =
+ `${attr?.['wrapClassName'] || ''} ${unref(getWrapClassName)}` + 'vben-basic-modal-wrap';
  if (unref(fullScreenRef)) {
  return omit(attr, ['height', 'title']);
  }

diff --git a/src/components/Modal/src/index.less b/src/components/Modal/src/index.less
@@ -13,7 +13,7 @@
  }
 }
 
-.vben-basic-modal .ant-modal {
+.vben-basic-modal-wrap .ant-modal {
  width: 520px;
  padding-bottom: 0;