index.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .nut-dialog {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. width: $dialog-width;
  6. min-height: 156px;
  7. padding: 28px 24px 16px 24px;
  8. box-sizing: border-box;
  9. &__header {
  10. display: block;
  11. text-align: center;
  12. height: 20px;
  13. font-size: 16px;
  14. color: rgba(38, 38, 38, 1);
  15. @include oneline-ellipsis();
  16. }
  17. &__content {
  18. width: 100%;
  19. overflow: auto;
  20. flex: 1;
  21. margin: 20px 0;
  22. max-height: 268px;
  23. line-height: 16px;
  24. font-size: 12px;
  25. color: $text-color;
  26. word-wrap: break-word;
  27. word-break: break-all;
  28. white-space: pre-wrap;
  29. }
  30. &__footer {
  31. display: flex;
  32. align-items: center;
  33. width: 100%;
  34. justify-content: space-around;
  35. &.vertical {
  36. flex-direction: column;
  37. .nut-button {
  38. min-width: 100%;
  39. margin: 0;
  40. &.nut-dialog__footer-cancel {
  41. border: 0;
  42. }
  43. &.nut-dialog__footer-ok {
  44. margin-top: 10px;
  45. }
  46. }
  47. }
  48. .nut-button {
  49. min-width: 100px;
  50. }
  51. &-cancel {
  52. margin-right: 20px;
  53. }
  54. &-ok {
  55. max-width: 128px;
  56. }
  57. }
  58. }