style.less 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. .layout-header {
  2. height: var(--header-height);
  3. box-sizing: border-box;
  4. padding: 0;
  5. display: flex;
  6. align-items: center;
  7. justify-content: space-between;
  8. color: #fff;
  9. // &.light {
  10. // background-color: #fff;
  11. // color: #000;
  12. // }
  13. .header-content {
  14. flex: 1;
  15. }
  16. .font {
  17. color: inherit;
  18. display: inline-block;
  19. }
  20. .user-info {
  21. cursor: pointer;
  22. .ant-avatar {
  23. border: 1px solid rgba(255, 255, 255, 0.4);
  24. }
  25. span {
  26. margin-left: 1em;
  27. }
  28. }
  29. .sys-exit {
  30. margin-right: 1em;
  31. }
  32. }
  33. .logo {
  34. height: var(--header-height);
  35. display: flex;
  36. align-items: center;
  37. box-sizing: border-box;
  38. padding-left: 1em;
  39. color: inherit;
  40. a {
  41. line-height: 1em;
  42. color: #fff;
  43. outline: none;
  44. display: flex;
  45. align-items: center;
  46. }
  47. & > * {
  48. color: inherit;
  49. margin: 0;
  50. }
  51. h5 {
  52. margin: 0;
  53. }
  54. img {
  55. width: 28px;
  56. vertical-align: middle;
  57. margin-right: 1em;
  58. }
  59. }
  60. .layout-container {
  61. flex: 1;
  62. display: flex;
  63. flex-direction: column;
  64. height: 100%;
  65. overflow-y: auto;
  66. scrollbar-width: none;
  67. -ms-overflow-style: none;
  68. &::--webkit-scrollbar {
  69. display: none;
  70. }
  71. padding-top: 0; // 避免子元素的 margin 影响
  72. }