ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

modal如何实现高度100% 宽度任意

Open qinghechaoge opened this issue 1 year ago • 1 comments
trafficstars

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

项目中经常用到modal高度为屏幕100% 宽度任意的情况。我尝试了一些 没有办法达到理想的效果 请问 modal如何实现高度100% 宽度任意的效果

What does the proposed API look like?

项目中经常用到modal高度为屏幕100% 宽度任意的情况。我尝试了一些 没有办法达到理想的效果 请问 modal如何实现高度100% 宽度任意的效果

qinghechaoge avatar Apr 17 '24 06:04 qinghechaoge

.ant-modal { width: auto !important }
.ant-modal-wrap .ant-modal .ant-modal-content {
  height: 100vh;
  display: flex;
  flex-direction: column;
  .ant-modal-body {
    flex: 1;
    max-height: auto;
  }
}

lllianreg avatar Apr 18 '24 09:04 lllianreg

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

github-actions[bot] avatar Jun 18 '24 02:06 github-actions[bot]