style.less 1012B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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. .logo {
  17. width: var(--siderbar-width);
  18. display: flex;
  19. align-items: center;
  20. box-sizing: border-box;
  21. padding-left: 1em;
  22. color: inherit;
  23. & > * {
  24. color: inherit;
  25. margin: 0;
  26. }
  27. img {
  28. width: 28px;
  29. vertical-align: middle;
  30. margin-right: 1em;
  31. }
  32. }
  33. .font {
  34. color: inherit;
  35. display: inline-block;
  36. }
  37. .user-info {
  38. cursor: pointer;
  39. .ant-avatar {
  40. border: 1px solid rgba(255, 255, 255, 0.4);
  41. }
  42. span {
  43. margin-left: 1em;
  44. }
  45. }
  46. .sys-exit {
  47. margin-right: 1em;
  48. }
  49. }
  50. .layout-container {
  51. flex: 1;
  52. overflow-y: auto;
  53. scrollbar-width: none;
  54. -ms-overflow-style: none;
  55. &::--webkit-scrollbar {
  56. display: none;
  57. }
  58. }