style.less 833B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .layout-header {
  2. box-sizing: border-box;
  3. padding: 0;
  4. display: flex;
  5. align-items: center;
  6. justify-content: space-between;
  7. .logo {
  8. width: 200px; // 200 是 side-bar 宽度
  9. display: flex;
  10. align-items: center;
  11. box-sizing: border-box;
  12. padding-left: 1em;
  13. & > * {
  14. color: #fff;
  15. }
  16. img {
  17. width: 36px;
  18. vertical-align: middle;
  19. margin-right: 1em;
  20. }
  21. }
  22. .font {
  23. color: #fff;
  24. display: inline-block;
  25. }
  26. .user-info {
  27. cursor: pointer;
  28. .ant-avatar {
  29. border: 1px solid rgba(255, 255, 255, 0.4);
  30. }
  31. span {
  32. margin-left: 1em;
  33. }
  34. }
  35. .sys-exit {
  36. margin-right: 1em;
  37. }
  38. }
  39. .layout-container {
  40. flex: 1;
  41. overflow-y: auto;
  42. scrollbar-width: none;
  43. -ms-overflow-style: none;
  44. &::--webkit-scrollbar {
  45. display: none;
  46. }
  47. }