动态菜单和动态路由的 antd pro

style.less 1.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @import '~antd/lib/style/themes/default.less';
  2. .card {
  3. margin-bottom: 24px;
  4. }
  5. .heading {
  6. font-size: 14px;
  7. line-height: 22px;
  8. margin: 0 0 16px 0;
  9. }
  10. .steps:global(.ant-steps) {
  11. max-width: 750px;
  12. margin: 16px auto;
  13. }
  14. .errorIcon {
  15. cursor: pointer;
  16. color: @error-color;
  17. margin-right: 24px;
  18. i {
  19. margin-right: 4px;
  20. }
  21. }
  22. .errorPopover {
  23. :global {
  24. .ant-popover-inner-content {
  25. padding: 0;
  26. max-height: 290px;
  27. overflow: auto;
  28. min-width: 256px;
  29. }
  30. }
  31. }
  32. .errorListItem {
  33. list-style: none;
  34. border-bottom: 1px solid @border-color-split;
  35. padding: 8px 16px;
  36. cursor: pointer;
  37. transition: all 0.3s;
  38. &:hover {
  39. background: @primary-1;
  40. }
  41. &:last-child {
  42. border: 0;
  43. }
  44. .errorIcon {
  45. color: @error-color;
  46. float: left;
  47. margin-top: 4px;
  48. margin-right: 12px;
  49. padding-bottom: 22px;
  50. }
  51. .errorField {
  52. font-size: 12px;
  53. color: @text-color-secondary;
  54. margin-top: 2px;
  55. }
  56. }
  57. .editable {
  58. td {
  59. padding-top: 13px !important;
  60. padding-bottom: 12.5px !important;
  61. }
  62. }
  63. // custom footer for fixed footer toolbar
  64. .advancedForm + div {
  65. padding-bottom: 64px;
  66. }
  67. .advancedForm {
  68. :global {
  69. .ant-form .ant-row:last-child .ant-form-item {
  70. margin-bottom: 24px;
  71. }
  72. .ant-table td {
  73. transition: none !important;
  74. }
  75. }
  76. }
  77. .optional {
  78. color: @text-color-secondary;
  79. font-style: normal;
  80. }