element-ui1.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. // cover some element-ui styles
  2. .el-breadcrumb__inner,
  3. .el-breadcrumb__inner a {
  4. font-weight: 400 !important;
  5. }
  6. .el-upload {
  7. input[type="file"] {
  8. display: none !important;
  9. }
  10. }
  11. .el-upload__input {
  12. display: none;
  13. }
  14. // this.confirm删除确认框修改确定取消按钮顺序
  15. .el-message-box__btns {
  16. display: flex;
  17. flex-direction: row-reverse;
  18. justify-content: center;
  19. align-items: center;
  20. gap: 65px;
  21. padding: 0;
  22. }
  23. //警告提示信息
  24. .el-message-box {
  25. width: calc(100vw * (480 / 1920));
  26. height: calc(100vh * (280 / 1080));
  27. background: url(../assets/img/Group-585.png);
  28. background-size: calc(100vw * (480 / 1920)) calc(100vh * (280 / 1080));
  29. padding-top: calc(100vh * (20 / 1080));
  30. padding-left: calc(100vw * (20 / 1920));
  31. padding-right: calc(100vw * (20 / 1920));
  32. border: none;
  33. }
  34. .el-button{
  35. color: #ffffff;
  36. }
  37. .el-message-box__title{
  38. color: white;
  39. }
  40. .el-message-box__headerbtn{
  41. border: 1px solid #02C2E3FF;
  42. border-radius: 50%;
  43. }
  44. .el-message-box__headerbtn .el-message-box__close{
  45. color: #02C2E3FF;
  46. }
  47. .el-message-box__headerbtn .el-message-box__close:hover{
  48. color: #02C2E3FF;
  49. }
  50. .el-message-box__message p {
  51. color: white;
  52. }
  53. //前面的感叹号处理
  54. .el-message-box__status.el-icon-warning{
  55. color: transparent;
  56. }
  57. //下面按钮
  58. .el-button--small{
  59. background-color: #1E5095FF !important;
  60. border-color: #02C2E3FF !important;
  61. }
  62. .el-button--small:hover{
  63. color: #ffffff;
  64. }
  65. .cell {
  66. .el-tag {
  67. margin-right: 0px;
  68. }
  69. }
  70. .small-padding {
  71. .cell {
  72. padding-left: 5px;
  73. padding-right: 5px;
  74. }
  75. }
  76. .fixed-width {
  77. .el-button--mini {
  78. padding: 7px 10px;
  79. width: 60px;
  80. }
  81. }
  82. .status-col {
  83. .cell {
  84. padding: 0 10px;
  85. text-align: center;
  86. .el-tag {
  87. margin-right: 0px;
  88. }
  89. }
  90. }
  91. // to fixed https://github.com/ElemeFE/element/issues/2461
  92. .el-dialog {
  93. transform: none;
  94. left: 0;
  95. position: relative;
  96. margin: 0 auto;
  97. }
  98. // refine element ui upload
  99. .upload-container {
  100. .el-upload {
  101. width: 100%;
  102. .el-upload-dragger {
  103. width: 100%;
  104. height: 200px;
  105. }
  106. }
  107. }
  108. // dropdown
  109. .el-dropdown-menu {
  110. a {
  111. display: block
  112. }
  113. }
  114. // fix date-picker ui bug in filter-item
  115. .el-range-editor.el-input__inner {
  116. display: inline-flex !important;
  117. }
  118. // to fix el-date-picker css style
  119. .el-range-separator {
  120. box-sizing: content-box;
  121. }