Home Explore Help
Register Sign In
FrontEnd
/
kede-HN-officialWeb-client
Watch 3
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
kede-HN-offi...
/
js
/
component
/
account
/
leftTab.less

leftTab.less 1.4 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 
  1. .acc-content {
    2. 

  2.     .account-left {
    3. 

  3.         width: 16%;
    4. 

  4.         height: 100%;
    5. 

  5.         padding-bottom: 50px;
    6. 

  6.         float: left;
    7. 

  7.         border-right: none;
    8. 

  8.         overflow-y: auto;
    9. 

  9.         .ant-menu-submenu {
    10. 

  10.             padding: 10px 0;
    11. 

  11.             .ant-menu-submenu-title {
    12. 

  12.               
    13. 

  13.                 font-size: 16px;
    14. 

  14.                
    15. 

  15.             }
    16. 

  16.         }      
    17. 

  17.     }
    18. 

  18. }
    19. 

  19. .ant-layout-sider{
    20. 

  20.     background: #3a3f53;
    21. 

  21.     flex: 0 0 140px !important;
    22. 

  22.     width: 200px;
    23. 

  23. }
    24. 

  24. .acc-index {
    25. 

  25.     display: inline-block;
    26. 

  26.     overflow: hidden;
    27. 

  27.     width: 100%;
    28. 

  28.     margin: 1px auto 0;
    29. 

  29.     height: 60px;
    30. 

  30.     line-height: 60px;
    31. 

  31.     background: #3a3f53;
    32. 

  32.     border-bottom: 2px solid #f2f2f2;
    33. 

  33.     img{
    34. 

  34.         vertical-align: middle;
    35. 

  35.         margin: 0px 10px;
    36. 

  36.     }
    37. 

  37.     .icon{
    38. 

  38.         cursor: pointer;
    39. 

  39.         vertical-align: top;
    40. 

  40.         margin-top: 18px;
    41. 

  41.         color:#fff;
    42. 

  42.         font-size: 25px;
    43. 

  43.         float: right;
    44. 

  44.         margin-right: 13px;
    45. 

  45.     }
    46. 

  46.     a{
    47. 

  47.         color:#ffffff!important;
    48. 

  48.     }
    49. 

  49. }
    50. 

  50. 

  51. .ant-layout.ant-layout-has-sider{
    52. 

  52.     min-height:calc(100vh - 10px);
    53. 

  53.     margin-top:1px;
    54. 

  54.     .ant-menu-dark{
    55. 

  55.         background: #3a3f53;
    56. 

  56.         color: #ffffff;
    57. 

  57.     }
    58. 

  58. }
    59. 

  59. .ant-menu-inline .ant-menu-submenu-title{font-size: 16px;}
    60. 

  60. .ant-menu-submenu{padding: 10px 0;}
    61. 

  61. .ant-menu.ant-menu-dark .ant-menu-item-selected {
    62. 

  62.     background-color: #3f73b3;
    63. 

  63. }
    64. 

  64. 

  65. .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    66. 

  66.     background: #3486da;
    67. 

  67.     .ant-menu-item{
    68. 

  68.         color: #ffffff;
    69. 

  69.     }
    70. 

  70. }
    71.