cnlive_project / cnlive-community-web-vue · Files

// TIP 左侧菜单固定宽度，右边页面部分自适应
.main-container {
  position: relative;
  .sidebar-container {
    height: 100vh;
    position: fixed; 
    left: 0; 
    padding-top: 60px;
  }
  .view-container {
    height: 100vh;
    padding-top: 60px;
  }
}

.el-menu-vertical-demo {
  min-height: calc(100vh - 60px);
}

.fatMenu {
  margin-left: $sideBarWidth!important;
}
.thinMenu {
  margin-left: $sideBarWidthThin!important;
}
.fatLogo {
  width: $sideBarWidth!important;
}
.thinLogo {
  width: $sideBarWidthThin!important;
}