index.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .cy-el-message-box_max-content-width {
  2. --el-messagebox-width: max-content;
  3. .el-message-box__content {
  4. width: max-content;
  5. }
  6. }
  7. .cy-el-message-box_cancel-center {
  8. .el-message-box__title {
  9. justify-content: left;
  10. }
  11. .el-message-box__container {
  12. justify-content: left;
  13. }
  14. .el-message-box__btns {
  15. justify-content: flex-end;
  16. }
  17. }
  18. .cy-el-message-box_js {
  19. width: 100%;
  20. padding: 10px 17px;
  21. border-radius: 12px;
  22. font-size: 18px;
  23. .el-message-box__title {
  24. font-size: 20px;
  25. }
  26. .el-message-box__headerbtn .el-message-box__close {
  27. color: #99a1b7 !important;
  28. top: 7px !important;
  29. right: 7px !important;
  30. padding: 7px !important;
  31. border-radius: 5px !important;
  32. transition: all 0.3s !important;
  33. }
  34. .el-message-box__headerbtn .el-message-box__close:hover,
  35. .el-dialog__headerbtn .el-dialog__close:hover {
  36. background-color: #f1f1f4 !important;
  37. color: #252f4a !important;
  38. }
  39. .el-button--small {
  40. padding: 12px 19px;
  41. height: 38px;
  42. font-size: var(--el-font-size-base);
  43. border-radius: var(--el-border-radius-base);
  44. }
  45. .el-message-box__errormsg {
  46. padding-top: 12px;
  47. text-align: right;
  48. }
  49. }
  50. .hide-el-message-box-input {
  51. .el-message-box__input {
  52. .el-input {
  53. display: none;
  54. }
  55. }
  56. .el-message-box__errormsg {
  57. padding-top: 0;
  58. }
  59. .el-message-box__message {
  60. width: 100%;
  61. }
  62. }