index.less 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. // .ant-pro-sider-light {
  2. // overflow: visible !important;
  3. // // box-shadow: 2px 0px 6px 0px rgba(54, 61, 77, 0.1);
  4. // box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
  5. // }
  6. .platFormLayout {
  7. & > .kcmp-ant-layout {
  8. flex-direction: row;
  9. }
  10. }
  11. .kcmp-ant-menu-inline .kcmp-ant-menu-item::after {
  12. display: none !important;
  13. }
  14. .kcmp-ant-pro-sider-light {
  15. border-right-color: rgba(54, 61, 77, 0.1);
  16. .kcmp-ant-menu-light {
  17. padding: 8px;
  18. .kcmp-ant-menu-submenu-inline {
  19. .kcmp-ant-menu-submenu-title {
  20. // padding-left: 8px !important;
  21. margin-top: 0 !important;
  22. margin-bottom: 0 !important;
  23. }
  24. &.kcmp-ant-menu-submenu-selected {
  25. .kcmp-ant-menu-submenu-arrow {
  26. color: #3376fe !important;
  27. }
  28. }
  29. }
  30. .kcmp-ant-menu-inline {
  31. .kcmp-ant-menu-item {
  32. border-radius: 4px;
  33. a:hover {
  34. color: rgba(0, 0, 0, 0.88);
  35. }
  36. &.kcmp-ant-menu-item-selected {
  37. background-color: #f2f6ff !important;
  38. a:hover {
  39. color: #3376fe;
  40. }
  41. }
  42. &::after {
  43. display: none !important;
  44. }
  45. &:hover {
  46. color: rgba(0, 0, 0, 0.88) !important;
  47. background-color: #f0f2f5;
  48. }
  49. }
  50. }
  51. &.kcmp-ant-pro-sider-link-menu {
  52. .kcmp-ant-menu-item {
  53. //height: 24px !important;
  54. .collapsedBtn {
  55. display: flex;
  56. justify-content: center;
  57. align-items: center;
  58. cursor: pointer;
  59. position: absolute;
  60. right: 8px;
  61. bottom: 0px;
  62. z-index: 10;
  63. width: 23px;
  64. height: 23px;
  65. }
  66. }
  67. }
  68. &.kcmp-ant-menu-inline-collapsed {
  69. width: 60px !important;
  70. .kcmp-ant-menu-item {
  71. //height: 24px !important;
  72. .collapsedBtn {
  73. display: flex;
  74. justify-content: center;
  75. align-items: center;
  76. cursor: pointer;
  77. // position: absolute;
  78. // right:0px;
  79. // bottom: 0px;
  80. z-index: 10;
  81. width: 24px;
  82. height: 24px;
  83. }
  84. }
  85. }
  86. }
  87. &.kcmp-ant-layout-sider-collapsed {
  88. .kcmp-ant-menu-submenu-selected {
  89. background-color: #f2f6ff;
  90. border-radius: 8px;
  91. }
  92. }
  93. }
  94. .kcmp-ant-page-header {
  95. background-color: #f5f7fa;
  96. }
  97. .kcmpPageContainer {
  98. .kcmp-ant-pro-page-container-children-content {
  99. margin: 0;
  100. }
  101. }