123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- .cip-dialog__wrapper{
- &.@{elNamespace}-dialog{
- .@{elNamespace}-dialog__header{
- box-sizing: border-box;
- margin: unset; // element-plus 默认有个margin-right: 16px;
- border-bottom: 1px solid #ddd;
- display: flex;
- align-items: center;
- .@{elNamespace}-dialog__mainTitle {
- margin-right: 20px;
- }
- .@{elNamespace}-dialog__subTitle {
- font-size: 14px;
- font-weight: 400;
- color: var(~'--@{elNamespace}-text-color-regular');;
- }
- }
- .@{elNamespace}-dialog__body{
- max-height: 60vh;
- overflow-y: auto;
- overflow-x: hidden;
- //padding-bottom: 12px;
- box-sizing: border-box;
- padding: 24px 24px 8px; // 基本为使用表格的情况,表格会有16px的下外边距 [ui规范使用24px]
- }
- &.cip-dialog--show-only{
- .@{elNamespace}-dialog__body{
- padding-bottom: 24px; // 只读弹窗的padding bottom 设置为24px
- }
- }
- .@{elNamespace}-dialog__footer{
- //border-top: 1px solid #ddd; [UI标准不需要这个线]
- padding: 16px 24px;
- }
- }
- &.is-fullscreen.@{elNamespace}-dialog{
- .@{elNamespace}-dialog__body{
- box-sizing: border-box;
- height: calc(100% - 55px - 63px);
- max-height: calc(100% - 55px - 63px); // header 55px footer 63px
- }
- }
- }
|