vertical.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. #container{
  2. display: none;
  3. }
  4. .el-container {
  5. width: 100%;
  6. height: 100%;
  7. }
  8. .el-container .el-aside {
  9. width: auto;
  10. background-color: var(--el-menu-bg-color);
  11. border-right: 1px solid var(--el-border-color-light);
  12. }
  13. .breadcrumb-box .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner .breadcrumb-title {
  14. margin-top: 3px;
  15. color: #606266;
  16. }
  17. .el-container .el-aside .aside-box {
  18. display: flex;
  19. flex-direction: column;
  20. height: 100%;
  21. transition: width 0.3s ease;
  22. }
  23. .el-container .el-aside .aside-box .el-scrollbar {
  24. height: calc(100% - 55px);
  25. }
  26. .el-container .el-aside .aside-box .el-scrollbar .el-menu {
  27. width: 100%;
  28. overflow-x: hidden;
  29. border-right: none;
  30. }
  31. .el-container .el-aside .aside-box .logo {
  32. box-sizing: border-box;
  33. height: 55px;
  34. }
  35. .el-container .el-aside .aside-box .logo .logo-img {
  36. width: 34px;
  37. object-fit: contain;
  38. margin-right: 5px;
  39. }
  40. .el-container .el-aside .aside-box .logo .logo-text {
  41. font-size: 21.5px;
  42. font-weight: bold;
  43. white-space: nowrap;
  44. color: var(--el-text-color-primary);
  45. }
  46. .el-container .el-header {
  47. box-sizing: border-box;
  48. display: flex;
  49. align-items: center;
  50. justify-content: space-between;
  51. height: 55px;
  52. padding:0 0 0 15px;
  53. background-color: var(--el-bg-color);
  54. border-bottom: 1px solid var(--el-border-color-light);
  55. }
  56. .el-container .el-header .tool-bar-ri .toolBar-icon,
  57. .el-container .el-header .tool-bar-ri .username {
  58. color: var(--el-text-color-primary);
  59. }
  60. .el-container .el-header .header-lf .tool-bar-lf .el-breadcrumb__separator {
  61. color: var(--el-text-color-primary);
  62. }