main.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .main {
  2. .logo-con {
  3. height: 50px;
  4. img {
  5. height: 44px;
  6. width: auto;
  7. display: block;
  8. margin: 0 auto;
  9. }
  10. }
  11. .header-con {
  12. background: #fff;
  13. padding: 0 20px;
  14. width: 100%;
  15. }
  16. .ivu-layout-header {
  17. height: 50px;
  18. line-height: 50px;
  19. }
  20. .main-layout-con {
  21. height: 100%;
  22. overflow: hidden;
  23. }
  24. .main-content-con {
  25. height: ~'calc(100% - 70px)';
  26. overflow: hidden;
  27. }
  28. .tag-nav-wrapper {
  29. padding: 0;
  30. height: 42px;
  31. background: #f0f0f0;
  32. }
  33. .content-wrapper {
  34. margin: 0 16px;
  35. height: ~'calc(100% - 80px)';
  36. overflow: auto;
  37. }
  38. .left-sider {
  39. .ivu-layout-sider-children {
  40. overflow-y: scroll;
  41. margin-right: -16px;
  42. overflow-x: hidden;
  43. }
  44. }
  45. }
  46. .ivu-menu-item > i {
  47. margin-right: 8px !important;
  48. }
  49. .ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
  50. margin-right: 8px !important;
  51. }
  52. .collased-menu-dropdown {
  53. width: 100%;
  54. margin: 0;
  55. line-height: normal;
  56. padding: 7px 0 6px 16px;
  57. clear: both;
  58. font-size: 12px !important;
  59. white-space: nowrap;
  60. list-style: none;
  61. cursor: pointer;
  62. transition: background 0.2s ease-in-out;
  63. &:hover {
  64. background: rgba(100, 100, 100, 0.1);
  65. }
  66. & * {
  67. color: #515a6e;
  68. }
  69. .ivu-menu-item > i {
  70. margin-right: 12px !important;
  71. }
  72. .ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
  73. margin-right: 8px !important;
  74. }
  75. }
  76. .ivu-select-dropdown.ivu-dropdown-transfer {
  77. max-height: 400px;
  78. }