dialog.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .cip-dialog__wrapper{
  2. &.@{elNamespace}-dialog{
  3. .@{elNamespace}-dialog__header{
  4. box-sizing: border-box;
  5. margin: unset; // element-plus 默认有个margin-right: 16px;
  6. border-bottom: 1px solid #ddd;
  7. display: flex;
  8. align-items: center;
  9. .@{elNamespace}-dialog__mainTitle {
  10. margin-right: 20px;
  11. }
  12. .@{elNamespace}-dialog__subTitle {
  13. font-size: 14px;
  14. font-weight: 400;
  15. color: var(~'--@{elNamespace}-text-color-regular');;
  16. }
  17. }
  18. .@{elNamespace}-dialog__body{
  19. max-height: 60vh;
  20. overflow-y: auto;
  21. overflow-x: hidden;
  22. //padding-bottom: 12px;
  23. box-sizing: border-box;
  24. padding: 24px 24px 8px; // 基本为使用表格的情况,表格会有16px的下外边距 [ui规范使用24px]
  25. }
  26. &.cip-dialog--show-only{
  27. .@{elNamespace}-dialog__body{
  28. padding-bottom: 24px; // 只读弹窗的padding bottom 设置为24px
  29. }
  30. }
  31. .@{elNamespace}-dialog__footer{
  32. //border-top: 1px solid #ddd; [UI标准不需要这个线]
  33. padding: 16px 24px;
  34. }
  35. }
  36. &.is-fullscreen.@{elNamespace}-dialog{
  37. .@{elNamespace}-dialog__body{
  38. box-sizing: border-box;
  39. height: calc(100% - 55px - 63px);
  40. max-height: calc(100% - 55px - 63px); // header 55px footer 63px
  41. }
  42. }
  43. }