element-variables.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /* 改变主题色变量 */
  2. $--color-primary: #1890ff;
  3. $--color-danger: #ff4d4f;
  4. /* 改变 icon 字体路径变量,必需 */
  5. $--font-path: '~element-ui/lib/theme-chalk/fonts';
  6. @use '~element-ui/packages/theme-chalk/src/index';
  7. .el-table td,
  8. .el-table th {
  9. color: #333;
  10. }
  11. .el-drawer__header {
  12. padding: 16px 16px 8px 16px;
  13. margin: 0;
  14. line-height: 24px;
  15. font-size: 18px;
  16. color: #303133;
  17. box-sizing: border-box;
  18. border-bottom: 1px solid #e8e8e8;
  19. }
  20. div[class^='el-drawer']:focus,
  21. span:focus {
  22. outline: none;
  23. }
  24. .el-drawer__body {
  25. box-sizing: border-box;
  26. padding: 16px;
  27. width: 100%;
  28. overflow-y: auto;
  29. }
  30. .el-dialog {
  31. margin-top: 50vh !important;
  32. transform: translateY(-50%);
  33. overflow: hidden;
  34. }
  35. .el-dialog__wrapper {
  36. overflow: hidden;
  37. max-height: 100vh;
  38. }
  39. .el-dialog__header {
  40. padding: 16px 16px 8px 16px;
  41. box-sizing: border-box;
  42. border-bottom: 1px solid #e8e8e8;
  43. }
  44. .el-dialog__body {
  45. padding: 16px;
  46. max-height: 80vh;
  47. box-sizing: border-box;
  48. overflow-y: auto;
  49. }
  50. .el-dialog__footer {
  51. padding: 16px;
  52. box-sizing: border-box;
  53. border-top: 1px solid #e8e8e8;
  54. }
  55. .el-dialog__close {
  56. font-weight: 600;
  57. }
  58. .el-select {
  59. width: 100%;
  60. }
  61. .el-divider:not(.el-divider--horizontal) {
  62. margin: 0 8px;
  63. }
  64. .el-divider.el-divider--horizontal {
  65. margin: 16px 0;
  66. }